@ohbug/browser 2.1.1 → 2.1.2

package/dist/index.js

@@ -1 +1,746 @@
-"use strict";var H=Object.defineProperty;var Qe=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var Ye=Object.prototype.hasOwnProperty;var Ze=(e,t)=>{for(var r in t)H(e,r,{get:t[r],enumerable:!0})},et=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ve(t))!Ye.call(e,n)&&n!==r&&H(e,n,{get:()=>t[n],enumerable:!(o=Qe(t,n))||o.enumerable});return e};var tt=e=>et(H({},"__esModule",{value:!0}),e);var lt={};Ze(lt,{default:()=>ut});module.exports=tt(lt);var Pe=require("@ohbug/core"),Xe=require("@ohbug/utils");var K=()=>{let e={};if(navigator){let{language:t,userAgent:r,connection:o}=navigator;e.language=t,e.userAgent=r,o&&(e.connection={downlink:o.downlink,effectiveType:o.effectiveType,rtt:o.rtt})}if(document){let{title:t,referrer:r}=document;e.title=t,e.referrer=r}if(window.location){let{href:t}=window.location;e.url=t}return e};var T="2.1.1";var Ne=require("@ohbug/core");var _e=require("@ohbug/utils");var p=require("@ohbug/utils"),a=(0,p.getGlobal)(),W;function _(e,t){var m;let{client:r}=(0,p.getOhbugObject)(),o=(0,p.parseUrl)((m=a==null?void 0:a.location)==null?void 0:m.href),n=(0,p.parseUrl)(e),s=(0,p.parseUrl)(t);n.path||(n=o),W=t;let i=e,c=t;o.protocol===s.protocol&&o.host===s.host&&(c=s.relative),o.protocol===n.protocol&&o.host===n.host&&(i=n.relative),i!==c&&r.addAction(`navigation to ${t}`,{from:e,to:t},"navigation")}function J(e){return function(r,o,n){return n&&_(W,String(n)),e.apply(this,[r,o,n])}}var $,I,E={pushState:($=a==null?void 0:a.history)==null?void 0:$.pushState,replaceState:(I=a==null?void 0:a.history)==null?void 0:I.replaceState,onpopstate:a==null?void 0:a.onpopstate};function rt(){E.pushState=(0,p.replace)(a==null?void 0:a.history,"pushState",J),E.replaceState=(0,p.replace)(a==null?void 0:a.history,"replaceState",J),E.onpopstate=(0,p.replace)(a,"onpopstate",e=>function(...r){var n;let o=(n=a==null?void 0:a.location)==null?void 0:n.href;return _(W,o),e==null?void 0:e.apply(this,r)})}function z(e){let{oldURL:t,newURL:r}=e;_(t,r)}function Q(){var e;rt(),(e=a==null?void 0:a.addEventListener)==null||e.call(a,"hashchange",z,!0)}function V(){var e;a.history.pushState=E.pushState,a.history.replaceState=E.replaceState,a.onpopstate=E.onpopstate,(e=a==null?void 0:a.removeEventListener)==null||e.call(a,"hashchange",z,!0)}var y=require("@ohbug/utils"),g=(0,y.getGlobal)();function Y(e){if(e.target){let{client:t}=(0,y.getOhbugObject)(),{tagName:r,id:o,className:n,name:s,src:i,outerHTML:c,nodeType:m}=e.target,v=(0,y.getSelector)(e);t.addAction("click node",{tagName:r,id:o,className:n,name:s,src:i,outerHTML:c,nodeType:m,selector:v},"click")}}function Z(){var e,t;(t=(e=g==null?void 0:g.document)==null?void 0:e.addEventListener)==null||t.call(e,"click",Y)}function ee(){var e,t;(t=(e=g==null?void 0:g.document)==null?void 0:e.removeEventListener)==null||t.call(e,"click",Y)}var w=require("@ohbug/utils"),S=["log","info","warn","error"],te=Object.keys(S).reduce((e,t)=>({...e,[t]:console[t]}),{log:null,info:null,warn:null,error:null});function re(){let{client:e}=(0,w.getOhbugObject)();S.forEach(t=>{te[t]=(0,w.replace)(console,t,r=>function(...n){return n.some(i=>typeof i=="string"&&i.includes("Ohbug"))||e.addAction(`console.${t}`,n,"console"),r.apply(this,n)})})}function U(){console&&S.forEach(e=>{console[e]=te[e]})}var d=require("@ohbug/utils"),Ee=require("@ohbug/core");var oe=require("@ohbug/utils"),ne=require("@ohbug/core");function A(e){let{message:t,filename:r,lineno:o,colno:n,error:{stack:s,name:i}}=e,c={name:i,message:t,filename:r,lineno:o,colno:n,stack:s},{client:m}=(0,oe.getOhbugObject)(),v=m.createEvent({category:"error",type:ne.EventTypes.UNCAUGHT_ERROR,detail:c});m.notify(v)}var R=require("@ohbug/utils"),ie=require("@ohbug/core");function L(e){let t=e.target||e.srcElement,{outerHTML:r}=t,o=(0,R.getSelector)(e),n={outerHTML:r,src:t&&t.src,tagName:t&&t.tagName,id:t&&t.id,className:t&&t.className,name:t&&t.name,nodeType:t&&t.nodeType,selector:o},{client:s}=(0,R.getOhbugObject)(),i=s.createEvent({category:"error",type:ie.EventTypes.RESOURCE_ERROR,detail:n});s.notify(i)}var ae=require("@ohbug/utils"),se=require("@ohbug/core");function F(e){let t={message:e.reason.message||e.reason,stack:e.reason.stack},{client:r}=(0,ae.getOhbugObject)(),o=r.createEvent({category:"error",type:se.EventTypes.UNHANDLEDREJECTION_ERROR,detail:t});r.notify(o)}var ce=require("@ohbug/utils"),pe=require("@ohbug/core");function x(e){let t=e.message?e:{message:e},{client:r}=(0,ce.getOhbugObject)(),o=r.createEvent({category:"error",type:pe.EventTypes.UNKNOWN_ERROR,detail:t});r.notify(o)}var ue=require("@ohbug/utils"),le=require("@ohbug/core");function B(e){let{client:t}=(0,ue.getOhbugObject)(),r=t.createEvent({category:"error",type:le.EventTypes.AJAX_ERROR,detail:e});t.notify(r)}var me=require("@ohbug/utils"),fe=require("@ohbug/core");function N(e){let{client:t}=(0,me.getOhbugObject)(),r=t.createEvent({category:"error",type:fe.EventTypes.FETCH_ERROR,detail:e});t.notify(r)}var de=require("@ohbug/utils"),he=require("@ohbug/core");function G(e){let{client:t}=(0,de.getOhbugObject)(),r=t.createEvent({category:"error",type:he.EventTypes.WEBSOCKET_ERROR,detail:e});t.notify(r)}function C(e){try{let{type:t}=e;if(t==="error"){let r=e,{message:o,error:n}=r,s=e.target||e.srcElement;o&&n?A(r):s&&L(r)}else t==="unhandledrejection"?F(e):x(e)}catch(t){x(t)}}var k=require("@ohbug/core");function f(e,t){try{switch(e){case k.EventTypes.AJAX_ERROR:B(t);break;case k.EventTypes.FETCH_ERROR:N(t);break;case k.EventTypes.WEBSOCKET_ERROR:G(t);break;default:break}}catch(r){x(r)}}var ot=(0,d.getGlobal)(),q="XMLHttpRequest"in ot,O=q?{open:XMLHttpRequest.prototype.open,send:XMLHttpRequest.prototype.send}:{};function ge(){if(!q)return;let{client:e}=(0,d.getOhbugObject)(),t={method:"",url:""},r=XMLHttpRequest==null?void 0:XMLHttpRequest.prototype;O.open=(0,d.replace)(r,"open",o=>function(...s){let[i,c]=s;return t.method=i,t.url=c,o.apply(this,s)}),O.send=(0,d.replace)(r,"send",o=>function(...s){return this.addEventListener("readystatechange",function(){if(this.readyState===4&&t.url!==e.__config.endpoint){let c={req:{url:t.url,method:t.method,data:s[0]||{}},res:{status:this.status,statusText:this.statusText,response:this.response}};e.addAction("ajax",c,"ajax"),(!this.status||this.status>=400)&&f(Ee.EventTypes.AJAX_ERROR,c)}}),o.apply(this,s)})}function ye(){if(q&&O.open&&O.send){let e=XMLHttpRequest==null?void 0:XMLHttpRequest.prototype;e.open=O.open,e.send=O.send}}var b=require("@ohbug/utils"),M=require("@ohbug/core");var j=(0,b.getGlobal)(),X="fetch"in j,P=X?j.fetch:null;function xe(){if(!X)return;let{client:e}=(0,b.getOhbugObject)();P=(0,b.replace)(j,"fetch",t=>function(...o){return t.apply(this,o).then(n=>{let[s,i]=o,c={req:{url:s,method:i&&i.method,data:i&&i.body||{}},res:{status:n.status,statusText:n.statusText}};return e.addAction("fetch",c,"fetch"),(!n.status||n.status>=400)&&f(M.EventTypes.FETCH_ERROR,c),n},n=>{let[s,i]=o,c={req:{url:s,method:i&&i.method,data:i&&i.body||{}},res:{status:400,statusText:"unknownError"}};throw f(M.EventTypes.FETCH_ERROR,c),n})})}function Oe(){X&&P&&(j.fetch=P)}var be=require("@ohbug/utils"),ve=require("@ohbug/core");var nt=(0,be.getGlobal)();function De(){if(!("WebSocket"in nt))return;let e=WebSocket==null?void 0:WebSocket.prototype,t=Object.getOwnPropertyDescriptor(e,"onerror");Object.defineProperty(e,"onerror",{set(){var n;let r=arguments,o=r[0];(n=t==null?void 0:t.set)==null||n.call(this,function(i){let{target:{url:c,readyState:m,protocol:v,extensions:Ke,binaryType:Je,bufferedAmount:$e},timeStamp:Ie}=i,ze={url:c,timeStamp:Ie,readyState:m,protocol:v,extensions:Ke,binaryType:Je,bufferedAmount:$e};f(ve.EventTypes.WEBSOCKET_ERROR,ze),o.apply(this,r)})}})}var we=require("@ohbug/utils");var u=(0,we.getGlobal)();function Re(e){C(e)}function Ce(){var e;(e=u==null?void 0:u.addEventListener)==null||e.call(u,"error",Re,!0)}function ke(){var e;(e=u==null?void 0:u.removeEventListener)==null||e.call(u,"error",Re,!0)}var je=require("@ohbug/utils");var l=(0,je.getGlobal)();function He(e){C(e)}function Te(){var e;(e=l==null?void 0:l.addEventListener)==null||e.call(l,"unhandledrejection",He,!0)}function We(){var e;(e=l==null?void 0:l.removeEventListener)==null||e.call(l,"unhandledrejection",He,!0)}function it(){Q(),Z()}function Se(){V(),ee()}function at(){ge(),xe(),De()}function Ue(){ye(),Oe()}function st(){!(0,_e.getGlobal)().addEventListener||(Ce(),Te())}function Ae(){ke(),We()}function Le(){st(),at(),it(),re()}var Fe=require("@ohbug/utils");var D=(0,Fe.getGlobal)();function Be(){var e;(e=D==null?void 0:D.addEventListener)==null||e.call(D,"unload",()=>{Ae(),Ue(),Se(),U()},!0)}var Ge=(0,Ne.defineExtension)({name:"OhbugBrowser",onSetup:()=>{Le(),Be()}});var qe=require("@ohbug/utils"),ct=()=>{let e=new WeakSet;return(t,r)=>{if(typeof r=="object"&&r!==null){if(e.has(r))return;e.add(r)}return r}};function Me(e){let{client:t}=(0,qe.getOhbugObject)(),r=t.__config.endpoint;return new Promise((o,n)=>{let s=JSON.stringify(e,ct());if(navigator.sendBeacon){let i=navigator.sendBeacon(r,s);o(i)}else{let i=new XMLHttpRequest;i.onreadystatechange=()=>{if(i.readyState===XMLHttpRequest.DONE){if(i.status>=200&&i.status<300)return o(i.response);n(i)}},i.open("POST",r),i.setRequestHeader("Content-Type","application/json;charset=UTF-8"),i.send(s)}})}function pt(e){let t=(0,Xe.getGlobal)(),r={platform:"ohbug-browser",version:T},o=new Pe.Client({sdk:r,config:e,device:K,notifier:Me});return t.__OHBUG__={client:o},o.use(Ge),o.__logger.info(`%c @ohbug/browser %c Detected Ohbug v${T} %c`,"background:#333; padding: 2px 1px; color: #FFF","background:#FF6F61; padding: 2px 1px; color: #FFF","background:transparent"),o}var h={__client:null,setup(e){var t;return h.__client?((t=h.__client.__logger)==null||t.warn("init() has been called. Ignored."),h.__client):(h.__client=pt(e),h.__client)}};var ut=h;0&&(module.exports={});
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/client.ts
+var import_core13 = require("@ohbug/core");
+var import_utils19 = require("@ohbug/utils");
+
+// src/device.ts
+var device = () => {
+  const ohbugDevice = {};
+  if (navigator) {
+    const { language, userAgent, connection } = navigator;
+    ohbugDevice.language = language;
+    ohbugDevice.userAgent = userAgent;
+    if (connection) {
+      ohbugDevice.connection = {
+        downlink: connection.downlink,
+        effectiveType: connection.effectiveType,
+        rtt: connection.rtt
+      };
+    }
+  }
+  if (document) {
+    const { title, referrer } = document;
+    ohbugDevice.title = title;
+    ohbugDevice.referrer = referrer;
+  }
+  if (window.location) {
+    const { href: url } = window.location;
+    ohbugDevice.url = url;
+  }
+  return ohbugDevice;
+};
+
+// src/version.ts
+var version = "2.1.2";
+
+// src/extension.ts
+var import_core12 = require("@ohbug/core");
+
+// src/capture/index.ts
+var import_utils16 = require("@ohbug/utils");
+
+// src/capture/action/captureUrlChange.ts
+var import_utils = require("@ohbug/utils");
+var global = (0, import_utils.getGlobal)();
+var lastHref;
+function handleUrlChange(from, to) {
+  var _a2;
+  const { client } = (0, import_utils.getOhbugObject)();
+  const parsedHref = (0, import_utils.parseUrl)((_a2 = global == null ? void 0 : global.location) == null ? void 0 : _a2.href);
+  let parsedFrom = (0, import_utils.parseUrl)(from);
+  const parsedTo = (0, import_utils.parseUrl)(to);
+  if (!parsedFrom.path) {
+    parsedFrom = parsedHref;
+  }
+  lastHref = to;
+  let targetFrom = from;
+  let targetTo = to;
+  if (parsedHref.protocol === parsedTo.protocol && parsedHref.host === parsedTo.host) {
+    targetTo = parsedTo.relative;
+  }
+  if (parsedHref.protocol === parsedFrom.protocol && parsedHref.host === parsedFrom.host) {
+    targetFrom = parsedFrom.relative;
+  }
+  if (targetFrom === targetTo)
+    return;
+  client.addAction(
+    `navigation to ${to}`,
+    {
+      from,
+      to
+    },
+    "navigation"
+  );
+}
+function historyReplacement(original) {
+  return function call(data, title, url) {
+    if (url) {
+      handleUrlChange(lastHref, String(url));
+    }
+    return original.apply(this, [data, title, url]);
+  };
+}
+var _a, _b;
+var historyOriginal = {
+  pushState: (_a = global == null ? void 0 : global.history) == null ? void 0 : _a.pushState,
+  replaceState: (_b = global == null ? void 0 : global.history) == null ? void 0 : _b.replaceState,
+  onpopstate: global == null ? void 0 : global.onpopstate
+};
+function historyListener() {
+  historyOriginal.pushState = (0, import_utils.replace)(
+    global == null ? void 0 : global.history,
+    "pushState",
+    historyReplacement
+  );
+  historyOriginal.replaceState = (0, import_utils.replace)(
+    global == null ? void 0 : global.history,
+    "replaceState",
+    historyReplacement
+  );
+  historyOriginal.onpopstate = (0, import_utils.replace)(
+    global,
+    "onpopstate",
+    (origin) => function call(...args) {
+      var _a2;
+      const current = (_a2 = global == null ? void 0 : global.location) == null ? void 0 : _a2.href;
+      handleUrlChange(lastHref, current);
+      return origin == null ? void 0 : origin.apply(this, args);
+    }
+  );
+}
+function hashListener(e) {
+  const { oldURL, newURL } = e;
+  handleUrlChange(oldURL, newURL);
+}
+function captureUrlChange() {
+  var _a2;
+  historyListener();
+  (_a2 = global == null ? void 0 : global.addEventListener) == null ? void 0 : _a2.call(global, "hashchange", hashListener, true);
+}
+function removeCaptureUrlChange() {
+  var _a2;
+  global.history.pushState = historyOriginal.pushState;
+  global.history.replaceState = historyOriginal.replaceState;
+  global.onpopstate = historyOriginal.onpopstate;
+  (_a2 = global == null ? void 0 : global.removeEventListener) == null ? void 0 : _a2.call(global, "hashchange", hashListener, true);
+}
+
+// src/capture/action/captureClick.ts
+var import_utils2 = require("@ohbug/utils");
+var global2 = (0, import_utils2.getGlobal)();
+function listener(e) {
+  if (e.target) {
+    const { client } = (0, import_utils2.getOhbugObject)();
+    const { tagName, id, className, name, src, outerHTML, nodeType } = e.target;
+    const selector = (0, import_utils2.getSelector)(e);
+    client.addAction(
+      "click node",
+      {
+        tagName,
+        id,
+        className,
+        name,
+        src,
+        outerHTML,
+        nodeType,
+        selector
+      },
+      "click"
+    );
+  }
+}
+function captureClick() {
+  var _a2, _b2;
+  (_b2 = (_a2 = global2 == null ? void 0 : global2.document) == null ? void 0 : _a2.addEventListener) == null ? void 0 : _b2.call(_a2, "click", listener);
+}
+function removeCaptureClick() {
+  var _a2, _b2;
+  (_b2 = (_a2 = global2 == null ? void 0 : global2.document) == null ? void 0 : _a2.removeEventListener) == null ? void 0 : _b2.call(_a2, "click", listener);
+}
+
+// src/capture/console/captureConsole.ts
+var import_utils3 = require("@ohbug/utils");
+var levels = ["log", "info", "warn", "error"];
+var consoleOriginal = Object.keys(levels).reduce(
+  (acc, cur) => __spreadProps(__spreadValues({}, acc), {
+    [cur]: console[cur]
+  }),
+  {
+    log: null,
+    info: null,
+    warn: null,
+    error: null
+  }
+);
+function captureConsole() {
+  const { client } = (0, import_utils3.getOhbugObject)();
+  levels.forEach((level) => {
+    consoleOriginal[level] = (0, import_utils3.replace)(
+      console,
+      level,
+      (origin) => function call(...args) {
+        const isOhbugConsole = args.some((arg) => typeof arg === "string" && arg.includes("Ohbug"));
+        if (!isOhbugConsole) {
+          client.addAction(`console.${level}`, args, "console");
+        }
+        return origin.apply(this, args);
+      }
+    );
+  });
+}
+function removeCaptureConsole() {
+  if (console) {
+    levels.forEach((level) => {
+      console[level] = consoleOriginal[level];
+    });
+  }
+}
+
+// src/capture/network/captureAjaxError.ts
+var import_utils11 = require("@ohbug/utils");
+var import_core9 = require("@ohbug/core");
+
+// src/handle/uncaughtErrorHandler.ts
+var import_utils4 = require("@ohbug/utils");
+var import_core = require("@ohbug/core");
+function uncaughtErrorHandler(error) {
+  const {
+    message,
+    filename,
+    lineno,
+    colno,
+    error: { stack, name }
+  } = error;
+  const detail = {
+    name,
+    message,
+    filename,
+    lineno,
+    colno,
+    stack
+  };
+  const { client } = (0, import_utils4.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core.EventTypes.UNCAUGHT_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/handle/resourceErrorHandler.ts
+var import_utils5 = require("@ohbug/utils");
+var import_core2 = require("@ohbug/core");
+function resourceErrorHandler(error) {
+  const target = error.target || error.srcElement;
+  const { outerHTML } = target;
+  const selector = (0, import_utils5.getSelector)(error);
+  const detail = {
+    outerHTML,
+    src: target && target.src,
+    tagName: target && target.tagName,
+    id: target && target.id,
+    className: target && target.className,
+    name: target && target.name,
+    nodeType: target && target.nodeType,
+    selector
+  };
+  const { client } = (0, import_utils5.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core2.EventTypes.RESOURCE_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/handle/unhandledrejectionErrorHandler.ts
+var import_utils6 = require("@ohbug/utils");
+var import_core3 = require("@ohbug/core");
+function unhandledrejectionErrorHandler(error) {
+  const detail = {
+    message: error.reason.message || error.reason,
+    stack: error.reason.stack
+  };
+  const { client } = (0, import_utils6.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core3.EventTypes.UNHANDLEDREJECTION_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/handle/unknownErrorHandler.ts
+var import_utils7 = require("@ohbug/utils");
+var import_core4 = require("@ohbug/core");
+function unknownErrorHandler(error) {
+  const detail = error.message ? error : { message: error };
+  const { client } = (0, import_utils7.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core4.EventTypes.UNKNOWN_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/handle/ajaxErrorHandler.ts
+var import_utils8 = require("@ohbug/utils");
+var import_core5 = require("@ohbug/core");
+function ajaxErrorHandler(detail) {
+  const { client } = (0, import_utils8.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core5.EventTypes.AJAX_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/handle/fetchErrorHandler.ts
+var import_utils9 = require("@ohbug/utils");
+var import_core6 = require("@ohbug/core");
+function fetchErrorHandler(detail) {
+  const { client } = (0, import_utils9.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core6.EventTypes.FETCH_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/handle/websocketErrorHandler.ts
+var import_utils10 = require("@ohbug/utils");
+var import_core7 = require("@ohbug/core");
+function websocketErrorHandler(detail) {
+  const { client } = (0, import_utils10.getOhbugObject)();
+  const event = client.createEvent({
+    category: "error",
+    type: import_core7.EventTypes.WEBSOCKET_ERROR,
+    detail
+  });
+  client.notify(event);
+}
+
+// src/dispatch/scriptDispatcher.ts
+function scriptDispatcher(e) {
+  try {
+    const { type } = e;
+    if (type === "error") {
+      const targetEvent = e;
+      const { message, error } = targetEvent;
+      const immutableTarget = e.target || e.srcElement;
+      if (message && error) {
+        uncaughtErrorHandler(targetEvent);
+      } else if (immutableTarget) {
+        resourceErrorHandler(targetEvent);
+      }
+    } else if (type === "unhandledrejection") {
+      unhandledrejectionErrorHandler(e);
+    } else {
+      unknownErrorHandler(e);
+    }
+  } catch (error) {
+    unknownErrorHandler(error);
+  }
+}
+
+// src/dispatch/networkDispatcher.ts
+var import_core8 = require("@ohbug/core");
+function networkDispatcher(type, detail) {
+  try {
+    switch (type) {
+      case import_core8.EventTypes.AJAX_ERROR:
+        ajaxErrorHandler(detail);
+        break;
+      case import_core8.EventTypes.FETCH_ERROR:
+        fetchErrorHandler(detail);
+        break;
+      case import_core8.EventTypes.WEBSOCKET_ERROR:
+        websocketErrorHandler(detail);
+        break;
+      default:
+        break;
+    }
+  } catch (error) {
+    unknownErrorHandler(error);
+  }
+}
+
+// src/capture/network/captureAjaxError.ts
+var global3 = (0, import_utils11.getGlobal)();
+var access = "XMLHttpRequest" in global3;
+var xhrOriginal = access ? {
+  open: XMLHttpRequest.prototype.open,
+  send: XMLHttpRequest.prototype.send
+} : {};
+function captureAjaxError() {
+  if (!access)
+    return;
+  const { client } = (0, import_utils11.getOhbugObject)();
+  const desc = {
+    method: "",
+    url: ""
+  };
+  const xhrProto = XMLHttpRequest == null ? void 0 : XMLHttpRequest.prototype;
+  xhrOriginal.open = (0, import_utils11.replace)(
+    xhrProto,
+    "open",
+    (origin) => function call(...args) {
+      const [method, url] = args;
+      desc.method = method;
+      desc.url = url;
+      return origin.apply(this, args);
+    }
+  );
+  xhrOriginal.send = (0, import_utils11.replace)(
+    xhrProto,
+    "send",
+    (origin) => function call(...args) {
+      this.addEventListener("readystatechange", function handle() {
+        if (this.readyState === 4) {
+          if (desc.url !== client.__config.endpoint) {
+            const detail = {
+              req: {
+                url: desc.url,
+                method: desc.method,
+                data: args[0] || {}
+              },
+              res: {
+                status: this.status,
+                statusText: this.statusText,
+                response: this.response
+              }
+            };
+            client.addAction("ajax", detail, "ajax");
+            if (!this.status || this.status >= 400) {
+              networkDispatcher(import_core9.EventTypes.AJAX_ERROR, detail);
+            }
+          }
+        }
+      });
+      return origin.apply(this, args);
+    }
+  );
+}
+function removeCaptureAjaxError() {
+  if (access && xhrOriginal.open && xhrOriginal.send) {
+    const xhrProto = XMLHttpRequest == null ? void 0 : XMLHttpRequest.prototype;
+    xhrProto.open = xhrOriginal.open;
+    xhrProto.send = xhrOriginal.send;
+  }
+}
+
+// src/capture/network/captureFetchError.ts
+var import_utils12 = require("@ohbug/utils");
+var import_core10 = require("@ohbug/core");
+var global4 = (0, import_utils12.getGlobal)();
+var access2 = "fetch" in global4;
+var fetchOriginal = access2 ? global4.fetch : null;
+function captureFetchError() {
+  if (!access2)
+    return;
+  const { client } = (0, import_utils12.getOhbugObject)();
+  fetchOriginal = (0, import_utils12.replace)(
+    global4,
+    "fetch",
+    (origin) => function call(...args) {
+      return origin.apply(this, args).then(
+        (res) => {
+          const [url, conf] = args;
+          const detail = {
+            req: {
+              url,
+              method: conf && conf.method,
+              data: conf && conf.body || {}
+            },
+            res: {
+              status: res.status,
+              statusText: res.statusText
+            }
+          };
+          client.addAction("fetch", detail, "fetch");
+          if (!res.status || res.status >= 400) {
+            networkDispatcher(import_core10.EventTypes.FETCH_ERROR, detail);
+          }
+          return res;
+        },
+        (err) => {
+          const [url, conf] = args;
+          const detail = {
+            req: {
+              url,
+              method: conf && conf.method,
+              data: conf && conf.body || {}
+            },
+            res: {
+              status: 400,
+              statusText: "unknownError"
+            }
+          };
+          networkDispatcher(import_core10.EventTypes.FETCH_ERROR, detail);
+          throw err;
+        }
+      );
+    }
+  );
+}
+function removeCaptureFetchError() {
+  if (access2 && fetchOriginal) {
+    global4.fetch = fetchOriginal;
+  }
+}
+
+// src/capture/network/captureWebSocketError.ts
+var import_utils13 = require("@ohbug/utils");
+var import_core11 = require("@ohbug/core");
+var global5 = (0, import_utils13.getGlobal)();
+function captureWebSocketError() {
+  if (!("WebSocket" in global5))
+    return;
+  const wsProto = WebSocket == null ? void 0 : WebSocket.prototype;
+  const backup = Object.getOwnPropertyDescriptor(wsProto, "onerror");
+  Object.defineProperty(wsProto, "onerror", {
+    set() {
+      var _a2;
+      const args = arguments;
+      const arg = args[0];
+      (_a2 = backup == null ? void 0 : backup.set) == null ? void 0 : _a2.call(this, function call(e) {
+        const {
+          target: {
+            url,
+            readyState,
+            protocol,
+            extensions,
+            binaryType,
+            bufferedAmount
+          },
+          timeStamp
+        } = e;
+        const detail = {
+          url,
+          timeStamp,
+          readyState,
+          protocol,
+          extensions,
+          binaryType,
+          bufferedAmount
+        };
+        networkDispatcher(import_core11.EventTypes.WEBSOCKET_ERROR, detail);
+        arg.apply(this, args);
+      });
+    }
+  });
+}
+
+// src/capture/script/captureUncaughtError.ts
+var import_utils14 = require("@ohbug/utils");
+var global6 = (0, import_utils14.getGlobal)();
+function listener2(e) {
+  scriptDispatcher(e);
+}
+function captureUncaughtError() {
+  var _a2;
+  (_a2 = global6 == null ? void 0 : global6.addEventListener) == null ? void 0 : _a2.call(global6, "error", listener2, true);
+}
+function removeCaptureUncaughtError() {
+  var _a2;
+  (_a2 = global6 == null ? void 0 : global6.removeEventListener) == null ? void 0 : _a2.call(global6, "error", listener2, true);
+}
+
+// src/capture/script/captureUnhandledrejectionError.ts
+var import_utils15 = require("@ohbug/utils");
+var global7 = (0, import_utils15.getGlobal)();
+function listener3(e) {
+  scriptDispatcher(e);
+}
+function captureUnhandledrejectionError() {
+  var _a2;
+  (_a2 = global7 == null ? void 0 : global7.addEventListener) == null ? void 0 : _a2.call(global7, "unhandledrejection", listener3, true);
+}
+function removeCaptureUnhandledrejectionError() {
+  var _a2;
+  (_a2 = global7 == null ? void 0 : global7.removeEventListener) == null ? void 0 : _a2.call(global7, "unhandledrejection", listener3, true);
+}
+
+// src/capture/index.ts
+function captureAction() {
+  captureUrlChange();
+  captureClick();
+}
+function removeCaptureAction() {
+  removeCaptureUrlChange();
+  removeCaptureClick();
+}
+function captureNetwork() {
+  captureAjaxError();
+  captureFetchError();
+  captureWebSocketError();
+}
+function removeCaptureNetwork() {
+  removeCaptureAjaxError();
+  removeCaptureFetchError();
+}
+function captureScript() {
+  const global9 = (0, import_utils16.getGlobal)();
+  if (!global9.addEventListener)
+    return;
+  captureUncaughtError();
+  captureUnhandledrejectionError();
+}
+function removeCaptureScript() {
+  removeCaptureUncaughtError();
+  removeCaptureUnhandledrejectionError();
+}
+function handleCapture() {
+  captureScript();
+  captureNetwork();
+  captureAction();
+  captureConsole();
+}
+
+// src/destroy.ts
+var import_utils17 = require("@ohbug/utils");
+var global8 = (0, import_utils17.getGlobal)();
+function handleDestroy() {
+  var _a2;
+  (_a2 = global8 == null ? void 0 : global8.addEventListener) == null ? void 0 : _a2.call(
+    global8,
+    "unload",
+    () => {
+      removeCaptureScript();
+      removeCaptureNetwork();
+      removeCaptureAction();
+      removeCaptureConsole();
+    },
+    true
+  );
+}
+
+// src/extension.ts
+var extension = (0, import_core12.defineExtension)({
+  name: "OhbugBrowser",
+  onSetup: () => {
+    handleCapture();
+    handleDestroy();
+  }
+});
+
+// src/notifier.ts
+var import_utils18 = require("@ohbug/utils");
+var getCircularReplacer = () => {
+  const seen = /* @__PURE__ */ new WeakSet();
+  return (_, value) => {
+    if (typeof value === "object" && value !== null) {
+      if (seen.has(value)) {
+        return;
+      }
+      seen.add(value);
+    }
+    return value;
+  };
+};
+function notifier(event) {
+  const { client } = (0, import_utils18.getOhbugObject)();
+  const url = client.__config.endpoint;
+  return new Promise((resolve, reject) => {
+    const json = JSON.stringify(event, getCircularReplacer());
+    if (navigator.sendBeacon) {
+      const result = navigator.sendBeacon(url, json);
+      resolve(result);
+    } else {
+      const xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = () => {
+        if (xhr.readyState === XMLHttpRequest.DONE) {
+          if (xhr.status >= 200 && xhr.status < 300) {
+            return resolve(xhr.response);
+          }
+          reject(xhr);
+        }
+      };
+      xhr.open("POST", url);
+      xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+      xhr.send(json);
+    }
+  });
+}
+
+// src/client.ts
+function createClient(config) {
+  const global9 = (0, import_utils19.getGlobal)();
+  const sdk = {
+    platform: "ohbug-browser",
+    version
+  };
+  const client = new import_core13.Client({ sdk, config, device, notifier });
+  global9.__OHBUG__ = { client };
+  client.use(extension);
+  client.__logger.info(
+    `%c @ohbug/browser %c Detected Ohbug v${version} %c`,
+    "background:#333; padding: 2px 1px; color: #FFF",
+    "background:#FF6F61; padding: 2px 1px; color: #FFF",
+    "background:transparent"
+  );
+  return client;
+}
+var BrowserClient = {
+  __client: null,
+  setup(config) {
+    var _a2;
+    if (BrowserClient.__client) {
+      (_a2 = BrowserClient.__client.__logger) == null ? void 0 : _a2.warn("init() has been called. Ignored.");
+      return BrowserClient.__client;
+    }
+    BrowserClient.__client = createClient(config);
+    return BrowserClient.__client;
+  }
+};
+
+// src/index.ts
+var src_default = BrowserClient;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});