@lark-sentry/core 1.0.0 → 1.0.1

package/dist/index.d.cts

@@ -7,6 +7,6 @@ declare const vuePlugin: Plugin;
 declare class ReactErrorBoundary extends Component {
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
 }
-declare function use<T extends SentryPlugin, U = any>(Plugin: new (options?: U) => T, options?: U): void;
+declare function use<T extends SentryPlugin, U = unknown>(Plugin: new (options?: U) => T, options?: U): void;
 
 export { ReactErrorBoundary, init, use, vuePlugin };

package/dist/index.d.ts

@@ -7,6 +7,6 @@ declare const vuePlugin: Plugin;
 declare class ReactErrorBoundary extends Component {
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
 }
-declare function use<T extends SentryPlugin, U = any>(Plugin: new (options?: U) => T, options?: U): void;
+declare function use<T extends SentryPlugin, U = unknown>(Plugin: new (options?: U) => T, options?: U): void;
 
 export { ReactErrorBoundary, init, use, vuePlugin };

package/dist/index.js

@@ -1,7 +1,8 @@
-import { MinHeap, sentry, getCssSelectors, getTime, isErrorEvent, isIExtendedErrorEvent, event2breadcrumb, isError, base64v2, transformHttpData, dom2str, decorateProp, isExcludedApi, throttle } from '@lark-sentry/utils';
-import { WHITE_SCREEN_SAMPLE_INTERVAL, MAX_WHITE_SCREEN_SAMPLE_COUNT, UNKNOWN, DEFAULT_OPTIONS } from '@lark-sentry/constants';
 import { Status, EventType, HttpMethod, HttpStatusCode } from '@lark-sentry/types';
+import { MinHeap, sentry, getCssSelectors, getBaseData, isErrorEvent, isIExtendedErrorEvent, event2breadcrumb, isError, base64v2, transformHttpData, dom2str, decorateProp, isExcludedApi, throttle } from '@lark-sentry/utils';
+import { WHITE_SCREEN_SAMPLE_INTERVAL, MAX_WHITE_SCREEN_SAMPLE_COUNT, UNKNOWN, DEFAULT_OPTIONS } from '@lark-sentry/constants';
 import reporter from '@lark-sentry/reporter';
+import { EventType as EventType$1 } from '@lark-sentry/types/dist/index.cjs';
 
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -96,12 +97,12 @@ function checkWhiteScreen(onReport) {
   };
   const report = () => {
     const whiteScreenData = {
-      ...getTime(),
+      ...getBaseData(),
       type: EventType.WhiteScreen,
       status: Status.Error,
-      id: crypto.randomUUID(),
       name: "WhiteScreen",
-      message: `sample count ${sampleCount}`
+      message: `sample count ${sampleCount}`,
+      extra: "WhiteScreen"
     };
     onReport(whiteScreenData);
     stopSample();
@@ -144,7 +145,7 @@ const handleHttp = (data) => {
   const { id, name, time, timestamp, message, status, type } = data;
   if (!data.api.includes(sentry.options.dsn)) {
     breadcrumb.push({
-      id: id ?? crypto.randomUUID(),
+      id,
       name,
       time,
       timestamp,
@@ -158,7 +159,10 @@ const handleHttp = (data) => {
     reporter.send(data);
   }
 };
-const handleError$1 = (err) => {
+const handleError$1 = ({
+  extra: err,
+  ...rest
+}) => {
   if (isErrorEvent(err)) {
     handleCodeError(err);
   }
@@ -166,10 +170,9 @@ const handleError$1 = (err) => {
     const { localName, src, href } = err.target;
     const { message } = err;
     const resourceError = {
-      id: crypto.randomUUID(),
+      ...rest,
       type: EventType.Resource,
       status: Status.Error,
-      ...getTime(),
       name: localName,
       src,
       href,
@@ -185,12 +188,12 @@ const handleError$1 = (err) => {
   if (isError(err)) {
     const { name, message } = err;
     const data2 = {
-      id: crypto.randomUUID(),
+      ...rest,
       type: EventType.Error,
       name,
       message,
       status: Status.Error,
-      ...getTime()
+      extra: err
     };
     breadcrumb.push({
       ...data2,
@@ -200,12 +203,12 @@ const handleError$1 = (err) => {
     return;
   }
   const data = {
-    id: crypto.randomUUID(),
+    ...rest,
     type: EventType.Error,
     name: "Unknown Error",
     message: JSON.stringify(err),
     status: Status.Error,
-    ...getTime()
+    extra: err
   };
   breadcrumb.push({
     ...data,
@@ -213,78 +216,79 @@ const handleError$1 = (err) => {
   });
   reporter.send(data);
 };
-const handleHistory = (routeChange) => {
-  const id = crypto.randomUUID();
-  const { from, to } = routeChange;
-  const pathChange = `${from} => ${to}`;
+const handleHistory = ({
+  from,
+  to,
+  ...rest
+}) => {
+  const routeChange = `${from} => ${to}`;
   const routeData = {
-    id,
-    name: pathChange,
-    message: pathChange,
+    ...rest,
+    name: routeChange,
+    message: routeChange,
     type: EventType.History,
     from,
-    to,
-    ...getTime(),
-    status: Status.OK
+    to
   };
   breadcrumb.push({
     ...routeData,
     userAction: event2breadcrumb(EventType.History)
   });
 };
-const handleHashChange = (e) => {
-  const id = crypto.randomUUID();
-  const { oldURL: from, newURL: to } = e;
+const handleHashChange = ({
+  extra,
+  ...rest
+}) => {
+  const { oldURL: from = UNKNOWN, newURL: to = UNKNOWN } = extra;
   const pathChange = `${from} => ${to}`;
   const routeData = {
-    id,
+    ...rest,
     name: pathChange,
     message: pathChange,
     type: EventType.HashChange,
     from,
-    to,
-    ...getTime(),
-    status: Status.OK
+    to
   };
   breadcrumb.push({
     ...routeData,
     userAction: event2breadcrumb(EventType.HashChange)
   });
 };
-const handleUnhandledRejection = (e) => {
-  if (!isIExtendedErrorEvent(e)) {
-    handleError$1(e);
+const handleUnhandledRejection = (data) => {
+  if (!isIExtendedErrorEvent(data.extra)) {
+    handleError$1(data);
     return;
   }
-  handleCodeError(e);
+  handleCodeError(data.extra);
 };
-const handleWhiteScreen = () => {
-  checkWhiteScreen((data) => {
+const handleWhiteScreen = (data) => {
+  checkWhiteScreen(() => {
     reporter.send(data);
   });
   return;
 };
-const handleClick = (e) => {
-  const str = e.target instanceof HTMLElement ? dom2str(e.target) : "";
+const handleClick = ({
+  extra,
+  ...rest
+}) => {
+  const typedEvent = extra;
+  const str = typedEvent.target instanceof HTMLElement ? dom2str(typedEvent.target) : "";
   breadcrumb.push({
-    id: crypto.randomUUID(),
+    ...rest,
     type: EventType.Click,
     name: str,
     message: str,
-    status: Status.OK,
-    ...getTime(),
     userAction: event2breadcrumb(EventType.Click)
   });
 };
 const handleCodeError = (err) => {
   const { filename, colno: column, lineno: line, message } = err;
   const data = {
-    id: crypto.randomUUID(),
+    ...getBaseData(),
     type: EventType.Error,
     name: filename,
     message,
-    status: Status.Error,
-    ...getTime()
+    status: Status.Error
   };
   const codeError = {
     ...data,
@@ -366,12 +370,20 @@ function decoratePublish(type) {
 function pubClick() {
   const throttledPub = throttle(pub, sentry.options.clickThrottleDelay);
   document.addEventListener("click", function(ctx) {
-    throttledPub(EventType.Click, ctx);
+    throttledPub(EventType.Click, {
+      ...getBaseData(),
+      type: EventType.Click,
+      extra: ctx
+    });
   });
 }
 function pubError() {
   globalThis.addEventListener("error", function(ctx) {
-    pub(EventType.Error, ctx);
+    pub(EventType.Error, {
+      ...getBaseData(),
+      type: EventType.Error,
+      extra: ctx
+    });
   });
 }
 function pubXhr() {
@@ -379,15 +391,12 @@ function pubXhr() {
   decorateProp(xhrProto, "open", (oldPropVal) => {
     return function(method, url, async, ...rest) {
       const httpData = {
-        id: crypto.randomUUID(),
+        ...getBaseData(),
         name: "XMLHttpRequest",
-        status: Status.OK,
         type: EventType.Xhr,
-        ...getTime(),
         method: method.toUpperCase(),
         api: url,
         elapsedTime: 0,
-        message: "",
         statusCode: HttpStatusCode.OK
       };
       this.__sentry__ = httpData;
@@ -403,11 +412,11 @@ function pubXhr() {
         }
         const { status, responseType, response } = this;
         this.__sentry__.statusCode = status;
-        this.__sentry__.requestData = body;
-        this.__sentry__.responseData = JSON.stringify({
+        this.__sentry__.requestData = { body };
+        this.__sentry__.responseData = {
           responseType,
           response
-        });
+        };
         const endTime = Date.now();
         this.__sentry__.elapsedTime = endTime - this.__sentry__.timestamp;
         pub(EventType.Xhr, this.__sentry__);
@@ -421,16 +430,13 @@ function pubFetch() {
     return async function(url, options) {
       const method = options?.method?.toUpperCase() ?? HttpMethod.Get;
       const httpData = {
-        id: crypto.randomUUID(),
-        ...getTime(),
+        ...getBaseData(),
         type: EventType.Fetch,
         method,
-        requestData: options?.body,
+        requestData: { body: options?.body },
         name: "Fetch",
-        status: Status.OK,
         api: url.toString(),
         elapsedTime: 0,
-        message: "",
         statusCode: HttpStatusCode.OK
       };
       return oldPropVal.call(globalThis, url, options).then((res) => {
@@ -460,7 +466,12 @@ function pubHistory() {
     const from = latestHref;
     const to = document.location.href;
     latestHref = to;
-    pub(EventType.History, { from, to });
+    pub(EventType.History, {
+      ...getBaseData(),
+      type: EventType.History,
+      from,
+      to
+    });
     return oldOnpopstate.call(this, ev);
   };
   const historyDecorator = (oldPropsVal) => {
@@ -469,7 +480,12 @@ function pubHistory() {
         const from = latestHref;
         const to = url.toString();
         latestHref = to;
-        pub(EventType.History, { from, to });
+        pub(EventType.History, {
+          ...getBaseData(),
+          type: EventType.History,
+          from,
+          to
+        });
       }
       return oldPropsVal.call(this, data, unused, url);
     };
@@ -481,17 +497,29 @@ function pubUnhandledRejection() {
   globalThis.addEventListener(
     "unhandledrejection",
     function(ctx) {
-      pub(EventType.UnhandledRejection, ctx);
+      pub(EventType.UnhandledRejection, {
+        ...getBaseData(),
+        type: EventType.UnhandledRejection,
+        extra: ctx
+      });
     }
   );
 }
 function pubHashChange() {
   globalThis.addEventListener("hashchange", function(ctx) {
-    pub(EventType.HashChange, ctx);
+    pub(EventType.HashChange, {
+      ...getBaseData(),
+      type: EventType.HashChange,
+      extra: ctx
+    });
   });
 }
 function pubWhiteScreen() {
-  pub(EventType.WhiteScreen);
+  pub(EventType.WhiteScreen, {
+    ...getBaseData(),
+    type: EventType.WhiteScreen,
+    extra: "WhiteScreen"
+  });
 }
 
 function setup() {
@@ -3534,7 +3562,12 @@ function init(options) {
 const vuePlugin = (app, options) => {
   const handler = app.config.errorHandler;
   app.config.errorHandler = (err, vueInstance, info) => {
-    handleError$1(err);
+    handleError$1({
+      ...getBaseData(),
+      type: EventType$1.Vue,
+      status: Status.Error,
+      extra: err
+    });
     if (handler) {
       handler.call(null, err, vueInstance, info);
     }
@@ -3543,9 +3576,14 @@ const vuePlugin = (app, options) => {
 };
 class ReactErrorBoundary extends reactExports.Component {
   componentDidCatch(error, errorInfo) {
-    handleError$1(error);
-    requestIdleCallback(() => {
-      handleError$1(errorInfo);
+    handleError$1({
+      ...getBaseData(),
+      type: EventType$1.React,
+      status: Status.Error,
+      extra: {
+        error,
+        errorInfo
+      }
     });
   }
 }