@booboo.dev/js 0.1.0

package/dist/chunk-5PWHK5SB.js

@@ -0,0 +1,365 @@
+// src/stacktrace.ts
+var CHROME_RE = /^\s*at\s+(?:(new\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)|(.+?):(\d+):(\d+))\s*$/;
+var FIREFOX_RE = /^\s*(.+?)@(.+?):(\d+):(\d+)\s*$/;
+function parseStack(error) {
+  const stack = error.stack;
+  if (!stack) return [];
+  const lines = stack.split("\n");
+  const frames = [];
+  for (const line of lines) {
+    let match = CHROME_RE.exec(line);
+    if (match) {
+      if (match[3]) {
+        frames.push({
+          filename: match[3],
+          function: match[2] || "<anonymous>",
+          lineno: parseInt(match[4], 10),
+          colno: parseInt(match[5], 10)
+        });
+      } else {
+        frames.push({
+          filename: match[6],
+          function: "<anonymous>",
+          lineno: parseInt(match[7], 10),
+          colno: parseInt(match[8], 10)
+        });
+      }
+      continue;
+    }
+    match = FIREFOX_RE.exec(line);
+    if (match) {
+      frames.push({
+        filename: match[2],
+        function: match[1] || "<anonymous>",
+        lineno: parseInt(match[3], 10),
+        colno: parseInt(match[4], 10)
+      });
+    }
+  }
+  return frames.reverse();
+}
+
+// src/breadcrumbs.ts
+var DEFAULT_MAX = 30;
+var breadcrumbBuffer = [];
+var maxBreadcrumbs = DEFAULT_MAX;
+function getBreadcrumbs() {
+  return breadcrumbBuffer.slice();
+}
+function addBreadcrumb(crumb) {
+  breadcrumbBuffer.push({
+    ...crumb,
+    timestamp: crumb.timestamp ?? Date.now()
+  });
+  if (breadcrumbBuffer.length > maxBreadcrumbs) {
+    breadcrumbBuffer = breadcrumbBuffer.slice(-maxBreadcrumbs);
+  }
+}
+function clearBreadcrumbs() {
+  breadcrumbBuffer = [];
+}
+function instrumentConsole() {
+  const originals = {
+    log: console.log,
+    warn: console.warn,
+    error: console.error,
+    info: console.info,
+    debug: console.debug
+  };
+  for (const level of Object.keys(originals)) {
+    const original = originals[level];
+    console[level] = function(...args) {
+      addBreadcrumb({
+        type: "console",
+        category: level,
+        message: args.map((a) => typeof a === "string" ? a : JSON.stringify(a)).join(" ")
+      });
+      return original.apply(console, args);
+    };
+  }
+  return () => {
+    for (const level of Object.keys(originals)) {
+      console[level] = originals[level];
+    }
+  };
+}
+function instrumentClicks() {
+  const handler = (event) => {
+    const target = event.target;
+    if (!target) return;
+    const tag = target.tagName?.toLowerCase() || "";
+    const text = target.innerText?.slice(0, 50) || "";
+    const id = target.id ? `#${target.id}` : "";
+    const cls = target.className && typeof target.className === "string" ? `.${target.className.split(" ").slice(0, 2).join(".")}` : "";
+    addBreadcrumb({
+      type: "click",
+      category: "ui",
+      message: `${tag}${id}${cls}` + (text ? ` "${text}"` : "")
+    });
+  };
+  document.addEventListener("click", handler, true);
+  return () => document.removeEventListener("click", handler, true);
+}
+function instrumentNavigation() {
+  const origPushState = history.pushState;
+  const origReplaceState = history.replaceState;
+  const record = (from, to) => {
+    addBreadcrumb({
+      type: "navigation",
+      category: "navigation",
+      message: `${from} -> ${to}`,
+      data: { from, to }
+    });
+  };
+  history.pushState = function(...args) {
+    const from = location.href;
+    origPushState.apply(this, args);
+    record(from, location.href);
+  };
+  history.replaceState = function(...args) {
+    const from = location.href;
+    origReplaceState.apply(this, args);
+    record(from, location.href);
+  };
+  const popHandler = () => {
+    addBreadcrumb({
+      type: "navigation",
+      category: "navigation",
+      message: `popstate -> ${location.href}`
+    });
+  };
+  window.addEventListener("popstate", popHandler);
+  return () => {
+    history.pushState = origPushState;
+    history.replaceState = origReplaceState;
+    window.removeEventListener("popstate", popHandler);
+  };
+}
+function instrumentFetch() {
+  const origFetch = window.fetch;
+  window.fetch = async function(input, init2) {
+    const method = init2?.method?.toUpperCase() || "GET";
+    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+    const start = Date.now();
+    try {
+      const response = await origFetch.apply(this, [input, init2]);
+      addBreadcrumb({
+        type: "fetch",
+        category: "http",
+        message: `${method} ${url} [${response.status}]`,
+        data: { method, url, status: response.status, duration: Date.now() - start }
+      });
+      return response;
+    } catch (err) {
+      addBreadcrumb({
+        type: "fetch",
+        category: "http",
+        message: `${method} ${url} [failed]`,
+        data: { method, url, duration: Date.now() - start }
+      });
+      throw err;
+    }
+  };
+  return () => {
+    window.fetch = origFetch;
+  };
+}
+function setupBreadcrumbs(options, max) {
+  maxBreadcrumbs = max ?? DEFAULT_MAX;
+  breadcrumbBuffer = [];
+  const teardowns = [];
+  const opts = typeof options === "boolean" ? { console: true, clicks: true, navigation: true, fetch: true } : options;
+  if (opts.console !== false) teardowns.push(instrumentConsole());
+  if (opts.clicks !== false) teardowns.push(instrumentClicks());
+  if (opts.navigation !== false) teardowns.push(instrumentNavigation());
+  if (opts.fetch !== false) teardowns.push(instrumentFetch());
+  return () => {
+    for (const fn of teardowns) fn();
+  };
+}
+
+// src/transport.ts
+var Transport = class {
+  constructor(endpoint, dsn) {
+    this.queue = [];
+    this.flushing = false;
+    this.endpoint = endpoint;
+    this.dsn = dsn;
+    if (typeof document !== "undefined") {
+      document.addEventListener("visibilitychange", () => {
+        if (document.visibilityState === "hidden") this.flush();
+      });
+    }
+    if (typeof window !== "undefined") {
+      window.addEventListener("pagehide", () => this.flush());
+    }
+  }
+  send(event) {
+    this.queue.push(event);
+    this.drain();
+  }
+  async drain() {
+    if (this.flushing) return;
+    this.flushing = true;
+    while (this.queue.length > 0) {
+      const event = this.queue.shift();
+      try {
+        await fetch(this.endpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Booboo-DSN": this.dsn
+          },
+          body: JSON.stringify(event),
+          keepalive: true
+        });
+      } catch {
+      }
+    }
+    this.flushing = false;
+  }
+  flush() {
+    while (this.queue.length > 0) {
+      const event = this.queue.shift();
+      try {
+        fetch(this.endpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Booboo-DSN": this.dsn
+          },
+          body: JSON.stringify(event),
+          keepalive: true
+        });
+      } catch {
+      }
+    }
+  }
+};
+
+// src/client.ts
+var DEFAULT_ENDPOINT = "https://api.booboo.dev/ingest/";
+var BoobooClient = class {
+  constructor(options) {
+    this.options = options;
+    const endpoint = options.endpoint || DEFAULT_ENDPOINT;
+    this.transport = new Transport(endpoint, options.dsn);
+    this.prevOnError = window.onerror;
+    window.onerror = (message, source, lineno, colno, error) => {
+      if (error) {
+        this.captureException(error);
+      } else {
+        this.captureMessage(String(message));
+      }
+      if (typeof this.prevOnError === "function") {
+        this.prevOnError(message, source, lineno, colno, error);
+      }
+    };
+    this.prevOnUnhandledRejection = window.onunhandledrejection;
+    window.onunhandledrejection = (event) => {
+      const reason = event.reason;
+      if (reason instanceof Error) {
+        this.captureException(reason);
+      } else {
+        this.captureMessage(String(reason));
+      }
+      if (typeof this.prevOnUnhandledRejection === "function") {
+        this.prevOnUnhandledRejection(event);
+      }
+    };
+    if (options.breadcrumbs !== false) {
+      this.teardownBreadcrumbs = setupBreadcrumbs(
+        options.breadcrumbs ?? true,
+        options.maxBreadcrumbs
+      );
+    }
+  }
+  captureException(error, extra) {
+    const frames = parseStack(error);
+    const event = this.buildEvent(
+      error.message,
+      error.constructor.name || "Error",
+      frames,
+      extra
+    );
+    this.sendEvent(event);
+  }
+  captureMessage(message, level = "error") {
+    const event = this.buildEvent(message, "Error", [], void 0, level);
+    this.sendEvent(event);
+  }
+  addBreadcrumb(crumb) {
+    addBreadcrumb(crumb);
+  }
+  destroy() {
+    window.onerror = this.prevOnError ?? null;
+    window.onunhandledrejection = this.prevOnUnhandledRejection ?? null;
+    this.teardownBreadcrumbs?.();
+    clearBreadcrumbs();
+  }
+  buildEvent(message, exceptionType, stacktrace, extra, level = "error") {
+    return {
+      message,
+      level,
+      exception_type: exceptionType,
+      stacktrace,
+      context: {
+        ...this.options.context,
+        ...extra,
+        breadcrumbs: getBreadcrumbs(),
+        browser: {
+          url: window.location.href,
+          userAgent: navigator.userAgent,
+          screen: `${screen.width}x${screen.height}`,
+          viewport: `${window.innerWidth}x${window.innerHeight}`
+        }
+      },
+      request: {
+        url: window.location.href,
+        headers: {
+          "User-Agent": navigator.userAgent
+        }
+      },
+      tags: { ...this.options.tags, runtime: "browser" }
+    };
+  }
+  sendEvent(event) {
+    if (this.options.beforeSend) {
+      const modified = this.options.beforeSend(event);
+      if (modified === null) return;
+      event = modified;
+    }
+    this.transport.send(event);
+  }
+};
+
+// src/index.ts
+var client = null;
+function init(options) {
+  if (client) {
+    client.destroy();
+  }
+  client = new BoobooClient(options);
+  return client;
+}
+function captureException(error, extra) {
+  client?.captureException(error, extra);
+}
+function captureMessage(message, level) {
+  client?.captureMessage(message, level);
+}
+function addBreadcrumb2(crumb) {
+  client?.addBreadcrumb(crumb);
+}
+function getClient() {
+  return client;
+}
+
+export {
+  parseStack,
+  init,
+  captureException,
+  captureMessage,
+  addBreadcrumb2 as addBreadcrumb,
+  getClient
+};

package/dist/chunk-O4OOPXTS.cjs

@@ -0,0 +1,365 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/stacktrace.ts
+var CHROME_RE = /^\s*at\s+(?:(new\s+)?(.+?)\s+\((.+?):(\d+):(\d+)\)|(.+?):(\d+):(\d+))\s*$/;
+var FIREFOX_RE = /^\s*(.+?)@(.+?):(\d+):(\d+)\s*$/;
+function parseStack(error) {
+  const stack = error.stack;
+  if (!stack) return [];
+  const lines = stack.split("\n");
+  const frames = [];
+  for (const line of lines) {
+    let match = CHROME_RE.exec(line);
+    if (match) {
+      if (match[3]) {
+        frames.push({
+          filename: match[3],
+          function: match[2] || "<anonymous>",
+          lineno: parseInt(match[4], 10),
+          colno: parseInt(match[5], 10)
+        });
+      } else {
+        frames.push({
+          filename: match[6],
+          function: "<anonymous>",
+          lineno: parseInt(match[7], 10),
+          colno: parseInt(match[8], 10)
+        });
+      }
+      continue;
+    }
+    match = FIREFOX_RE.exec(line);
+    if (match) {
+      frames.push({
+        filename: match[2],
+        function: match[1] || "<anonymous>",
+        lineno: parseInt(match[3], 10),
+        colno: parseInt(match[4], 10)
+      });
+    }
+  }
+  return frames.reverse();
+}
+
+// src/breadcrumbs.ts
+var DEFAULT_MAX = 30;
+var breadcrumbBuffer = [];
+var maxBreadcrumbs = DEFAULT_MAX;
+function getBreadcrumbs() {
+  return breadcrumbBuffer.slice();
+}
+function addBreadcrumb(crumb) {
+  breadcrumbBuffer.push({
+    ...crumb,
+    timestamp: _nullishCoalesce(crumb.timestamp, () => ( Date.now()))
+  });
+  if (breadcrumbBuffer.length > maxBreadcrumbs) {
+    breadcrumbBuffer = breadcrumbBuffer.slice(-maxBreadcrumbs);
+  }
+}
+function clearBreadcrumbs() {
+  breadcrumbBuffer = [];
+}
+function instrumentConsole() {
+  const originals = {
+    log: console.log,
+    warn: console.warn,
+    error: console.error,
+    info: console.info,
+    debug: console.debug
+  };
+  for (const level of Object.keys(originals)) {
+    const original = originals[level];
+    console[level] = function(...args) {
+      addBreadcrumb({
+        type: "console",
+        category: level,
+        message: args.map((a) => typeof a === "string" ? a : JSON.stringify(a)).join(" ")
+      });
+      return original.apply(console, args);
+    };
+  }
+  return () => {
+    for (const level of Object.keys(originals)) {
+      console[level] = originals[level];
+    }
+  };
+}
+function instrumentClicks() {
+  const handler = (event) => {
+    const target = event.target;
+    if (!target) return;
+    const tag = _optionalChain([target, 'access', _ => _.tagName, 'optionalAccess', _2 => _2.toLowerCase, 'call', _3 => _3()]) || "";
+    const text = _optionalChain([target, 'access', _4 => _4.innerText, 'optionalAccess', _5 => _5.slice, 'call', _6 => _6(0, 50)]) || "";
+    const id = target.id ? `#${target.id}` : "";
+    const cls = target.className && typeof target.className === "string" ? `.${target.className.split(" ").slice(0, 2).join(".")}` : "";
+    addBreadcrumb({
+      type: "click",
+      category: "ui",
+      message: `${tag}${id}${cls}` + (text ? ` "${text}"` : "")
+    });
+  };
+  document.addEventListener("click", handler, true);
+  return () => document.removeEventListener("click", handler, true);
+}
+function instrumentNavigation() {
+  const origPushState = history.pushState;
+  const origReplaceState = history.replaceState;
+  const record = (from, to) => {
+    addBreadcrumb({
+      type: "navigation",
+      category: "navigation",
+      message: `${from} -> ${to}`,
+      data: { from, to }
+    });
+  };
+  history.pushState = function(...args) {
+    const from = location.href;
+    origPushState.apply(this, args);
+    record(from, location.href);
+  };
+  history.replaceState = function(...args) {
+    const from = location.href;
+    origReplaceState.apply(this, args);
+    record(from, location.href);
+  };
+  const popHandler = () => {
+    addBreadcrumb({
+      type: "navigation",
+      category: "navigation",
+      message: `popstate -> ${location.href}`
+    });
+  };
+  window.addEventListener("popstate", popHandler);
+  return () => {
+    history.pushState = origPushState;
+    history.replaceState = origReplaceState;
+    window.removeEventListener("popstate", popHandler);
+  };
+}
+function instrumentFetch() {
+  const origFetch = window.fetch;
+  window.fetch = async function(input, init2) {
+    const method = _optionalChain([init2, 'optionalAccess', _7 => _7.method, 'optionalAccess', _8 => _8.toUpperCase, 'call', _9 => _9()]) || "GET";
+    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+    const start = Date.now();
+    try {
+      const response = await origFetch.apply(this, [input, init2]);
+      addBreadcrumb({
+        type: "fetch",
+        category: "http",
+        message: `${method} ${url} [${response.status}]`,
+        data: { method, url, status: response.status, duration: Date.now() - start }
+      });
+      return response;
+    } catch (err) {
+      addBreadcrumb({
+        type: "fetch",
+        category: "http",
+        message: `${method} ${url} [failed]`,
+        data: { method, url, duration: Date.now() - start }
+      });
+      throw err;
+    }
+  };
+  return () => {
+    window.fetch = origFetch;
+  };
+}
+function setupBreadcrumbs(options, max) {
+  maxBreadcrumbs = _nullishCoalesce(max, () => ( DEFAULT_MAX));
+  breadcrumbBuffer = [];
+  const teardowns = [];
+  const opts = typeof options === "boolean" ? { console: true, clicks: true, navigation: true, fetch: true } : options;
+  if (opts.console !== false) teardowns.push(instrumentConsole());
+  if (opts.clicks !== false) teardowns.push(instrumentClicks());
+  if (opts.navigation !== false) teardowns.push(instrumentNavigation());
+  if (opts.fetch !== false) teardowns.push(instrumentFetch());
+  return () => {
+    for (const fn of teardowns) fn();
+  };
+}
+
+// src/transport.ts
+var Transport = class {
+  constructor(endpoint, dsn) {
+    this.queue = [];
+    this.flushing = false;
+    this.endpoint = endpoint;
+    this.dsn = dsn;
+    if (typeof document !== "undefined") {
+      document.addEventListener("visibilitychange", () => {
+        if (document.visibilityState === "hidden") this.flush();
+      });
+    }
+    if (typeof window !== "undefined") {
+      window.addEventListener("pagehide", () => this.flush());
+    }
+  }
+  send(event) {
+    this.queue.push(event);
+    this.drain();
+  }
+  async drain() {
+    if (this.flushing) return;
+    this.flushing = true;
+    while (this.queue.length > 0) {
+      const event = this.queue.shift();
+      try {
+        await fetch(this.endpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Booboo-DSN": this.dsn
+          },
+          body: JSON.stringify(event),
+          keepalive: true
+        });
+      } catch (e) {
+      }
+    }
+    this.flushing = false;
+  }
+  flush() {
+    while (this.queue.length > 0) {
+      const event = this.queue.shift();
+      try {
+        fetch(this.endpoint, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "X-Booboo-DSN": this.dsn
+          },
+          body: JSON.stringify(event),
+          keepalive: true
+        });
+      } catch (e2) {
+      }
+    }
+  }
+};
+
+// src/client.ts
+var DEFAULT_ENDPOINT = "https://api.booboo.dev/ingest/";
+var BoobooClient = class {
+  constructor(options) {
+    this.options = options;
+    const endpoint = options.endpoint || DEFAULT_ENDPOINT;
+    this.transport = new Transport(endpoint, options.dsn);
+    this.prevOnError = window.onerror;
+    window.onerror = (message, source, lineno, colno, error) => {
+      if (error) {
+        this.captureException(error);
+      } else {
+        this.captureMessage(String(message));
+      }
+      if (typeof this.prevOnError === "function") {
+        this.prevOnError(message, source, lineno, colno, error);
+      }
+    };
+    this.prevOnUnhandledRejection = window.onunhandledrejection;
+    window.onunhandledrejection = (event) => {
+      const reason = event.reason;
+      if (reason instanceof Error) {
+        this.captureException(reason);
+      } else {
+        this.captureMessage(String(reason));
+      }
+      if (typeof this.prevOnUnhandledRejection === "function") {
+        this.prevOnUnhandledRejection(event);
+      }
+    };
+    if (options.breadcrumbs !== false) {
+      this.teardownBreadcrumbs = setupBreadcrumbs(
+        _nullishCoalesce(options.breadcrumbs, () => ( true)),
+        options.maxBreadcrumbs
+      );
+    }
+  }
+  captureException(error, extra) {
+    const frames = parseStack(error);
+    const event = this.buildEvent(
+      error.message,
+      error.constructor.name || "Error",
+      frames,
+      extra
+    );
+    this.sendEvent(event);
+  }
+  captureMessage(message, level = "error") {
+    const event = this.buildEvent(message, "Error", [], void 0, level);
+    this.sendEvent(event);
+  }
+  addBreadcrumb(crumb) {
+    addBreadcrumb(crumb);
+  }
+  destroy() {
+    window.onerror = _nullishCoalesce(this.prevOnError, () => ( null));
+    window.onunhandledrejection = _nullishCoalesce(this.prevOnUnhandledRejection, () => ( null));
+    _optionalChain([this, 'access', _10 => _10.teardownBreadcrumbs, 'optionalCall', _11 => _11()]);
+    clearBreadcrumbs();
+  }
+  buildEvent(message, exceptionType, stacktrace, extra, level = "error") {
+    return {
+      message,
+      level,
+      exception_type: exceptionType,
+      stacktrace,
+      context: {
+        ...this.options.context,
+        ...extra,
+        breadcrumbs: getBreadcrumbs(),
+        browser: {
+          url: window.location.href,
+          userAgent: navigator.userAgent,
+          screen: `${screen.width}x${screen.height}`,
+          viewport: `${window.innerWidth}x${window.innerHeight}`
+        }
+      },
+      request: {
+        url: window.location.href,
+        headers: {
+          "User-Agent": navigator.userAgent
+        }
+      },
+      tags: { ...this.options.tags, runtime: "browser" }
+    };
+  }
+  sendEvent(event) {
+    if (this.options.beforeSend) {
+      const modified = this.options.beforeSend(event);
+      if (modified === null) return;
+      event = modified;
+    }
+    this.transport.send(event);
+  }
+};
+
+// src/index.ts
+var client = null;
+function init(options) {
+  if (client) {
+    client.destroy();
+  }
+  client = new BoobooClient(options);
+  return client;
+}
+function captureException(error, extra) {
+  _optionalChain([client, 'optionalAccess', _12 => _12.captureException, 'call', _13 => _13(error, extra)]);
+}
+function captureMessage(message, level) {
+  _optionalChain([client, 'optionalAccess', _14 => _14.captureMessage, 'call', _15 => _15(message, level)]);
+}
+function addBreadcrumb2(crumb) {
+  _optionalChain([client, 'optionalAccess', _16 => _16.addBreadcrumb, 'call', _17 => _17(crumb)]);
+}
+function getClient() {
+  return client;
+}
+
+
+
+
+
+
+
+
+exports.parseStack = parseStack; exports.init = init; exports.captureException = captureException; exports.captureMessage = captureMessage; exports.addBreadcrumb = addBreadcrumb2; exports.getClient = getClient;

package/dist/index.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+var _chunkO4OOPXTScjs = require('./chunk-O4OOPXTS.cjs');
+
+
+
+
+
+
+
+exports.addBreadcrumb = _chunkO4OOPXTScjs.addBreadcrumb; exports.captureException = _chunkO4OOPXTScjs.captureException; exports.captureMessage = _chunkO4OOPXTScjs.captureMessage; exports.getClient = _chunkO4OOPXTScjs.getClient; exports.init = _chunkO4OOPXTScjs.init; exports.parseStack = _chunkO4OOPXTScjs.parseStack;

package/dist/index.d.cts

@@ -0,0 +1,71 @@
+interface StackFrame {
+    filename: string;
+    function: string;
+    lineno: number;
+    colno?: number;
+}
+interface Breadcrumb {
+    type: "console" | "click" | "navigation" | "fetch" | "custom";
+    category?: string;
+    message: string;
+    data?: Record<string, unknown>;
+    timestamp: number;
+}
+interface BreadcrumbOptions {
+    console?: boolean;
+    clicks?: boolean;
+    navigation?: boolean;
+    fetch?: boolean;
+}
+interface BoobooOptions {
+    dsn: string;
+    endpoint?: string;
+    breadcrumbs?: boolean | BreadcrumbOptions;
+    maxBreadcrumbs?: number;
+    beforeSend?: (event: BoobooEvent) => BoobooEvent | null;
+    tags?: Record<string, string>;
+    context?: Record<string, unknown>;
+}
+interface BoobooEvent {
+    message: string;
+    level: "error" | "warning" | "info";
+    exception_type: string;
+    stacktrace: StackFrame[];
+    context: Record<string, unknown>;
+    request: {
+        url: string;
+        headers: Record<string, string>;
+    };
+    tags: Record<string, string>;
+}
+
+declare function addBreadcrumb$1(crumb: Omit<Breadcrumb, "timestamp"> & {
+    timestamp?: number;
+}): void;
+
+declare class BoobooClient {
+    private options;
+    private transport;
+    private teardownBreadcrumbs?;
+    private prevOnError?;
+    private prevOnUnhandledRejection?;
+    constructor(options: BoobooOptions);
+    captureException(error: Error, extra?: Record<string, unknown>): void;
+    captureMessage(message: string, level?: "error" | "warning" | "info"): void;
+    addBreadcrumb(crumb: Parameters<typeof addBreadcrumb$1>[0]): void;
+    destroy(): void;
+    private buildEvent;
+    private sendEvent;
+}
+
+declare function parseStack(error: Error): StackFrame[];
+
+declare function init(options: BoobooOptions): BoobooClient;
+declare function captureException(error: Error, extra?: Record<string, unknown>): void;
+declare function captureMessage(message: string, level?: "error" | "warning" | "info"): void;
+declare function addBreadcrumb(crumb: Omit<Breadcrumb, "timestamp"> & {
+    timestamp?: number;
+}): void;
+declare function getClient(): BoobooClient | null;
+
+export { type BoobooEvent, type BoobooOptions, type Breadcrumb, type BreadcrumbOptions, type StackFrame, addBreadcrumb, captureException, captureMessage, getClient, init, parseStack };

package/dist/index.d.ts

@@ -0,0 +1,71 @@
+interface StackFrame {
+    filename: string;
+    function: string;
+    lineno: number;
+    colno?: number;
+}
+interface Breadcrumb {
+    type: "console" | "click" | "navigation" | "fetch" | "custom";
+    category?: string;
+    message: string;
+    data?: Record<string, unknown>;
+    timestamp: number;
+}
+interface BreadcrumbOptions {
+    console?: boolean;
+    clicks?: boolean;
+    navigation?: boolean;
+    fetch?: boolean;
+}
+interface BoobooOptions {
+    dsn: string;
+    endpoint?: string;
+    breadcrumbs?: boolean | BreadcrumbOptions;
+    maxBreadcrumbs?: number;
+    beforeSend?: (event: BoobooEvent) => BoobooEvent | null;
+    tags?: Record<string, string>;
+    context?: Record<string, unknown>;
+}
+interface BoobooEvent {
+    message: string;
+    level: "error" | "warning" | "info";
+    exception_type: string;
+    stacktrace: StackFrame[];
+    context: Record<string, unknown>;
+    request: {
+        url: string;
+        headers: Record<string, string>;
+    };
+    tags: Record<string, string>;
+}
+
+declare function addBreadcrumb$1(crumb: Omit<Breadcrumb, "timestamp"> & {
+    timestamp?: number;
+}): void;
+
+declare class BoobooClient {
+    private options;
+    private transport;
+    private teardownBreadcrumbs?;
+    private prevOnError?;
+    private prevOnUnhandledRejection?;
+    constructor(options: BoobooOptions);
+    captureException(error: Error, extra?: Record<string, unknown>): void;
+    captureMessage(message: string, level?: "error" | "warning" | "info"): void;
+    addBreadcrumb(crumb: Parameters<typeof addBreadcrumb$1>[0]): void;
+    destroy(): void;
+    private buildEvent;
+    private sendEvent;
+}
+
+declare function parseStack(error: Error): StackFrame[];
+
+declare function init(options: BoobooOptions): BoobooClient;
+declare function captureException(error: Error, extra?: Record<string, unknown>): void;
+declare function captureMessage(message: string, level?: "error" | "warning" | "info"): void;
+declare function addBreadcrumb(crumb: Omit<Breadcrumb, "timestamp"> & {
+    timestamp?: number;
+}): void;
+declare function getClient(): BoobooClient | null;
+
+export { type BoobooEvent, type BoobooOptions, type Breadcrumb, type BreadcrumbOptions, type StackFrame, addBreadcrumb, captureException, captureMessage, getClient, init, parseStack };

package/dist/index.js

@@ -0,0 +1,16 @@
+import {
+  addBreadcrumb,
+  captureException,
+  captureMessage,
+  getClient,
+  init,
+  parseStack
+} from "./chunk-5PWHK5SB.js";
+export {
+  addBreadcrumb,
+  captureException,
+  captureMessage,
+  getClient,
+  init,
+  parseStack
+};

package/dist/react.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkO4OOPXTScjs = require('./chunk-O4OOPXTS.cjs');
+
+// src/react.ts
+var _react = require('react');
+var ErrorBoundary = class extends _react.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => {
+      this.setState({ error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    const client = _chunkO4OOPXTScjs.getClient.call(void 0, );
+    if (client) {
+      const extra = {};
+      if (errorInfo.componentStack) {
+        extra.componentStack = errorInfo.componentStack;
+      }
+      _chunkO4OOPXTScjs.captureException.call(void 0, error, extra);
+    }
+    _optionalChain([this, 'access', _ => _.props, 'access', _2 => _2.onError, 'optionalCall', _3 => _3(error, errorInfo)]);
+  }
+  render() {
+    if (this.state.error) {
+      const { fallback } = this.props;
+      if (typeof fallback === "function") {
+        return fallback(this.state.error, this.reset);
+      }
+      return _nullishCoalesce(fallback, () => ( null));
+    }
+    return this.props.children;
+  }
+};
+
+
+exports.ErrorBoundary = ErrorBoundary;

package/dist/react.d.cts

@@ -0,0 +1,19 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    error: Error | null;
+}
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+
+export { ErrorBoundary };

package/dist/react.d.ts

@@ -0,0 +1,19 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    error: Error | null;
+}
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+
+export { ErrorBoundary };

package/dist/react.js

@@ -0,0 +1,43 @@
+import {
+  captureException,
+  getClient
+} from "./chunk-5PWHK5SB.js";
+
+// src/react.ts
+import { Component } from "react";
+var ErrorBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => {
+      this.setState({ error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    const client = getClient();
+    if (client) {
+      const extra = {};
+      if (errorInfo.componentStack) {
+        extra.componentStack = errorInfo.componentStack;
+      }
+      captureException(error, extra);
+    }
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      const { fallback } = this.props;
+      if (typeof fallback === "function") {
+        return fallback(this.state.error, this.reset);
+      }
+      return fallback ?? null;
+    }
+    return this.props.children;
+  }
+};
+export {
+  ErrorBoundary
+};

package/dist/vue.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkO4OOPXTScjs = require('./chunk-O4OOPXTS.cjs');
+
+// src/vue.ts
+function BoobooVue(_options) {
+  return {
+    install(app) {
+      const prevHandler = app.config.errorHandler;
+      app.config.errorHandler = (err, instance, info) => {
+        const error = err instanceof Error ? err : new Error(String(err));
+        const extra = {
+          vueInfo: info
+        };
+        if (instance) {
+          extra.componentName = _optionalChain([instance, 'access', _ => _.$options, 'optionalAccess', _2 => _2.name]) || _optionalChain([instance, 'access', _3 => _3.$options, 'optionalAccess', _4 => _4.__name]) || "<Anonymous>";
+          if (instance.$props && typeof instance.$props === "object") {
+            extra.propKeys = Object.keys(instance.$props);
+          }
+        }
+        _chunkO4OOPXTScjs.captureException.call(void 0, error, extra);
+        if (typeof prevHandler === "function") {
+          prevHandler(err, instance, info);
+        }
+      };
+    }
+  };
+}
+
+
+exports.BoobooVue = BoobooVue;

package/dist/vue.d.cts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+
+interface BoobooVueOptions {
+    dsn?: string;
+}
+declare function BoobooVue(_options?: BoobooVueOptions): {
+    install(app: App): void;
+};
+
+export { BoobooVue };

package/dist/vue.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+
+interface BoobooVueOptions {
+    dsn?: string;
+}
+declare function BoobooVue(_options?: BoobooVueOptions): {
+    install(app: App): void;
+};
+
+export { BoobooVue };

package/dist/vue.js

@@ -0,0 +1,31 @@
+import {
+  captureException
+} from "./chunk-5PWHK5SB.js";
+
+// src/vue.ts
+function BoobooVue(_options) {
+  return {
+    install(app) {
+      const prevHandler = app.config.errorHandler;
+      app.config.errorHandler = (err, instance, info) => {
+        const error = err instanceof Error ? err : new Error(String(err));
+        const extra = {
+          vueInfo: info
+        };
+        if (instance) {
+          extra.componentName = instance.$options?.name || instance.$options?.__name || "<Anonymous>";
+          if (instance.$props && typeof instance.$props === "object") {
+            extra.propKeys = Object.keys(instance.$props);
+          }
+        }
+        captureException(error, extra);
+        if (typeof prevHandler === "function") {
+          prevHandler(err, instance, info);
+        }
+      };
+    }
+  };
+}
+export {
+  BoobooVue
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@booboo.dev/js",
+  "version": "0.1.0",
+  "description": "Official JavaScript SDK for booboo.dev error tracking",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": { "optional": true },
+    "vue": { "optional": true }
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/booboo-dev/booboo.dev"
+  },
+  "keywords": ["error-tracking", "booboo", "monitoring", "javascript", "react", "vue"]
+}