@ohbug/browser 2.0.0 → 2.0.1

package/src/capture/action/captureClick.ts

@@ -1,35 +0,0 @@
-import { getGlobal, getOhbugObject, getSelector } from '@ohbug/utils'
-
-const global = getGlobal<Window>()
-
-function listener(e: MouseEvent) {
-  if (e.target) {
-    const { client } = getOhbugObject<Window>()
-    const { tagName, id, className, name, src, outerHTML, nodeType }
-      = e.target as any
-    const selector = getSelector(e)
-
-    client.addAction(
-      'click node',
-      {
-        tagName,
-        id,
-        className,
-        name,
-        src,
-        outerHTML,
-        nodeType,
-        selector,
-      },
-      'click',
-    )
-  }
-}
-
-export function captureClick() {
-  global?.document?.addEventListener?.('click', listener)
-}
-
-export function removeCaptureClick() {
-  global?.document?.removeEventListener?.('click', listener)
-}

package/src/capture/action/captureUrlChange.ts

@@ -1,100 +0,0 @@
-import { getGlobal, getOhbugObject, parseUrl, replace } from '@ohbug/utils'
-
-const global = getGlobal<Window>()
-let lastHref: string | undefined
-
-function handleUrlChange(from?: string, to?: string) {
-  const { client } = getOhbugObject<Window>()
-  const parsedHref = parseUrl(global?.location?.href)
-  let parsedFrom = parseUrl(from as string)
-  const parsedTo = parseUrl(to as string)
-
-  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: (data: any, title: string, url?: string) => void) {
-  return function call(data: any, title: string, url?: string) {
-    if (url)
-      handleUrlChange(lastHref, String(url))
-
-    return original.apply(this, [data, title, url])
-  }
-}
-
-const historyOriginal = {
-  pushState: global?.history?.pushState,
-  replaceState: global?.history?.replaceState,
-  onpopstate: global?.onpopstate,
-}
-function historyListener() {
-  historyOriginal.pushState = replace(
-    global?.history,
-    'pushState',
-    historyReplacement,
-  )
-  historyOriginal.replaceState = replace(
-    global?.history,
-    'replaceState',
-    historyReplacement,
-  )
-  historyOriginal.onpopstate = replace(
-    global,
-    'onpopstate',
-    origin =>
-      function call(...args: any[]) {
-        const current = global?.location?.href
-        handleUrlChange(lastHref, current)
-        return origin?.apply(this, args)
-      },
-  )
-}
-
-function hashListener(e: Event) {
-  const { oldURL, newURL } = e as HashChangeEvent
-  handleUrlChange(oldURL, newURL)
-}
-
-export function captureUrlChange() {
-  // history
-  historyListener()
-  // hash
-  global?.addEventListener?.('hashchange', hashListener, true)
-}
-
-export function removeCaptureUrlChange() {
-  // history
-  global.history.pushState = historyOriginal.pushState
-  global.history.replaceState = historyOriginal.replaceState
-  global.onpopstate = historyOriginal.onpopstate
-  // hash
-  global?.removeEventListener?.('hashchange', hashListener, true)
-}

package/src/capture/console/captureConsole.ts

@@ -1,45 +0,0 @@
-/* eslint-disable no-console */
-
-import { getOhbugObject, replace } from '@ohbug/utils'
-
-type Level = 'log' | 'info' | 'warn' | 'error'
-const levels: Level[] = ['log', 'info', 'warn', 'error']
-const consoleOriginal = Object.keys(levels).reduce<Record<Level, any>>(
-  (acc, cur: string) => ({
-    ...acc,
-    // @ts-expect-error 修改了原生的console
-    [cur]: console[cur],
-  }),
-  {
-    log: null,
-    info: null,
-    warn: null,
-    error: null,
-  },
-)
-
-export function captureConsole() {
-  const { client } = getOhbugObject<Window>()
-  levels.forEach((level) => {
-    consoleOriginal[level] = replace(
-      console,
-      level,
-      origin =>
-        function call(...args: any[]) {
-          const isOhbugConsole = args.some(arg => typeof arg === 'string' && arg.includes('Ohbug'))
-          if (!isOhbugConsole)
-            client.addAction(`console.${level}`, args, 'console')
-
-          return origin.apply(this, args)
-        },
-    )
-  })
-}
-
-export function removeCaptureConsole() {
-  if (console) {
-    levels.forEach((level) => {
-      console[level] = consoleOriginal[level]
-    })
-  }
-}

package/src/capture/index.ts

@@ -1,64 +0,0 @@
-import { getGlobal } from '@ohbug/utils'
-import {
-  captureUrlChange,
-  removeCaptureUrlChange,
-} from './action/captureUrlChange'
-import { captureClick, removeCaptureClick } from './action/captureClick'
-import { captureConsole, removeCaptureConsole } from './console/captureConsole'
-import {
-  captureAjaxError,
-  removeCaptureAjaxError,
-} from './network/captureAjaxError'
-import {
-  captureFetchError,
-  removeCaptureFetchError,
-} from './network/captureFetchError'
-import { captureWebSocketError } from './network/captureWebSocketError'
-import {
-  captureUncaughtError,
-  removeCaptureUncaughtError,
-} from './script/captureUncaughtError'
-import {
-  captureUnhandledrejectionError,
-  removeCaptureUnhandledrejectionError,
-} from './script/captureUnhandledrejectionError'
-
-export function captureAction() {
-  captureUrlChange()
-  captureClick()
-}
-export function removeCaptureAction() {
-  removeCaptureUrlChange()
-  removeCaptureClick()
-}
-
-export { captureConsole, removeCaptureConsole }
-
-export function captureNetwork() {
-  captureAjaxError()
-  captureFetchError()
-  captureWebSocketError()
-}
-export function removeCaptureNetwork() {
-  removeCaptureAjaxError()
-  removeCaptureFetchError()
-}
-
-export function captureScript() {
-  const global = getGlobal<Window>()
-  if (!global.addEventListener) return
-
-  captureUncaughtError()
-  captureUnhandledrejectionError()
-}
-export function removeCaptureScript() {
-  removeCaptureUncaughtError()
-  removeCaptureUnhandledrejectionError()
-}
-
-export function handleCapture() {
-  captureScript()
-  captureNetwork()
-  captureAction()
-  captureConsole()
-}

package/src/capture/network/captureAjaxError.ts

@@ -1,81 +0,0 @@
-import { getGlobal, getOhbugObject, replace } from '@ohbug/utils'
-import { EventTypes } from '@ohbug/core'
-
-import { networkDispatcher } from '../../dispatch'
-import type { AjaxErrorDetail } from '../../handle'
-
-const global = getGlobal<Window>()
-const access = 'XMLHttpRequest' in global
-const xhrOriginal = access
-  ? {
-    open: XMLHttpRequest.prototype.open,
-    send: XMLHttpRequest.prototype.send,
-  }
-  : {}
-
-/**
- * capture AJAX_ERROR
- */
-export function captureAjaxError() {
-  if (!access) return
-
-  const { client } = getOhbugObject<Window>()
-
-  const desc = {
-    method: '',
-    url: '',
-  }
-
-  const xhrProto = XMLHttpRequest?.prototype
-
-  xhrOriginal.open = replace(
-    xhrProto,
-    'open',
-    origin =>
-      function call(...args: any[]) {
-        const [method, url] = args
-        desc.method = method
-        desc.url = url
-        return origin.apply(this, args)
-      },
-  )
-
-  xhrOriginal.send = replace(
-    xhrProto,
-    'send',
-    origin =>
-      function call(...args: any[]) {
-        this.addEventListener('readystatechange', function handle() {
-          if (this.readyState === 4) {
-            if (desc.url !== client.__config.endpoint) {
-              const detail: AjaxErrorDetail = {
-                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(EventTypes.AJAX_ERROR, detail)
-            }
-          }
-        })
-        return origin.apply(this, args)
-      },
-  )
-}
-
-export function removeCaptureAjaxError() {
-  if (access && xhrOriginal.open && xhrOriginal.send) {
-    const xhrProto = XMLHttpRequest?.prototype
-    xhrProto.open = xhrOriginal.open
-    xhrProto.send = xhrOriginal.send
-  }
-}

package/src/capture/network/captureFetchError.ts

@@ -1,69 +0,0 @@
-import { getGlobal, getOhbugObject, replace } from '@ohbug/utils'
-import { EventTypes } from '@ohbug/core'
-
-import { networkDispatcher } from '../../dispatch'
-import type { FetchErrorDetail } from '../../handle'
-
-const global = getGlobal<Window>()
-const access = 'fetch' in global
-
-let fetchOriginal = access ? global.fetch : null
-/**
- * capture FETCH_ERROR
- */
-export function captureFetchError() {
-  if (!access) return
-
-  const { client } = getOhbugObject<Window>()
-
-  fetchOriginal = replace(
-    global,
-    'fetch',
-    origin =>
-      function call(...args: any[]) {
-        return origin.apply(this, args).then(
-          (res: Response) => {
-            const [url, conf] = args
-            const detail: FetchErrorDetail = {
-              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(EventTypes.FETCH_ERROR, detail)
-
-            return res
-          },
-          (err: Error) => {
-            const [url, conf] = args
-            const detail: FetchErrorDetail = {
-              req: {
-                url,
-                method: conf && conf.method,
-                data: (conf && conf.body) || {},
-              },
-              res: {
-                status: 400,
-                statusText: 'unknownError',
-              },
-            }
-            networkDispatcher(EventTypes.FETCH_ERROR, detail)
-            throw err
-          },
-        )
-      },
-  )
-}
-
-export function removeCaptureFetchError() {
-  if (access && fetchOriginal)
-    global.fetch = fetchOriginal
-}

package/src/capture/network/captureWebSocketError.ts

@@ -1,51 +0,0 @@
-import { getGlobal } from '@ohbug/utils'
-import { EventTypes } from '@ohbug/core'
-
-import { networkDispatcher } from '../../dispatch'
-import type { WebsocketErrorDetail } from '../../handle'
-
-const global = getGlobal<Window>()
-
-/**
- * capture WEBSOCKET_ERROR
- */
-export function captureWebSocketError() {
-  if (!('WebSocket' in global)) return
-
-  const wsProto = WebSocket?.prototype
-
-  const backup = Object.getOwnPropertyDescriptor(wsProto, 'onerror')
-
-  // eslint-disable-next-line accessor-pairs
-  Object.defineProperty(wsProto, 'onerror', {
-    set() {
-      // eslint-disable-next-line prefer-rest-params
-      const args = arguments
-      const arg = args[0]
-      backup?.set?.call(this, function call(e: any) {
-        const {
-          target: {
-            url,
-            readyState,
-            protocol,
-            extensions,
-            binaryType,
-            bufferedAmount,
-          },
-          timeStamp,
-        } = e
-        const detail: WebsocketErrorDetail = {
-          url,
-          timeStamp,
-          readyState,
-          protocol,
-          extensions,
-          binaryType,
-          bufferedAmount,
-        }
-        networkDispatcher(EventTypes.WEBSOCKET_ERROR, detail)
-        arg.apply(this, args)
-      })
-    },
-  })
-}

package/src/capture/script/captureUncaughtError.ts

@@ -1,20 +0,0 @@
-import { getGlobal } from '@ohbug/utils'
-
-import { scriptDispatcher } from '../../dispatch'
-
-const global = getGlobal<Window>()
-
-function listener(e: ErrorEvent) {
-  scriptDispatcher(e)
-}
-
-/**
- * capture UNCAUGHT_ERROR RESOURCE_ERROR
- */
-export function captureUncaughtError() {
-  global?.addEventListener?.('error', listener, true)
-}
-
-export function removeCaptureUncaughtError() {
-  global?.removeEventListener?.('error', listener, true)
-}

package/src/capture/script/captureUnhandledrejectionError.ts

@@ -1,20 +0,0 @@
-import { getGlobal } from '@ohbug/utils'
-
-import { scriptDispatcher } from '../../dispatch'
-
-const global = getGlobal<Window>()
-
-function listener(e: PromiseRejectionEvent) {
-  scriptDispatcher(e)
-}
-
-/**
- * capture UNHANDLEDREJECTION_ERROR
- */
-export function captureUnhandledrejectionError() {
-  global?.addEventListener?.('unhandledrejection', listener, true)
-}
-
-export function removeCaptureUnhandledrejectionError() {
-  global?.removeEventListener?.('unhandledrejection', listener, true)
-}

package/src/client.ts

@@ -1,46 +0,0 @@
-import type { OhbugClient, OhbugConfig, OhbugSDK } from '@ohbug/types'
-import { Client } from '@ohbug/core'
-
-import { getGlobal } from '@ohbug/utils'
-
-import { device } from './device'
-import { version } from './version'
-import { extension } from './extension'
-import { notifier } from './notifier'
-
-interface OhbugBrowserClient {
-  __client: OhbugClient | null
-  setup: (config: OhbugConfig) => OhbugClient
-}
-
-function createClient(config: OhbugConfig) {
-  const global = getGlobal<Window>()
-
-  const sdk: OhbugSDK = {
-    platform: 'ohbug-browser',
-    version,
-  }
-  const client = new Client({ sdk, config, device, notifier })
-  global.__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
-}
-
-export const BrowserClient: OhbugBrowserClient = {
-  __client: null,
-  setup(config: OhbugConfig) {
-    if (BrowserClient.__client) {
-      BrowserClient.__client.__logger?.warn('init() has been called. Ignored.')
-      return BrowserClient.__client
-    }
-
-    BrowserClient.__client = createClient(config)
-    return BrowserClient.__client
-  },
-}

package/src/destroy.ts

@@ -1,22 +0,0 @@
-import { getGlobal } from '@ohbug/utils'
-import {
-  removeCaptureAction,
-  removeCaptureConsole,
-  removeCaptureNetwork,
-  removeCaptureScript,
-} from './capture'
-
-const global = getGlobal<Window>()
-
-export function handleDestroy() {
-  global?.addEventListener?.(
-    'unload',
-    () => {
-      removeCaptureScript()
-      removeCaptureNetwork()
-      removeCaptureAction()
-      removeCaptureConsole()
-    },
-    true,
-  )
-}

package/src/device.ts

@@ -1,19 +0,0 @@
-import type { OhbugDevice, OhbugGetDevice } from '@ohbug/types'
-
-export const device: OhbugGetDevice = () => {
-  const ohbugDevice: OhbugDevice = {}
-  if (navigator) {
-    const { language, userAgent } = navigator
-    ohbugDevice.language = language
-    ohbugDevice.userAgent = userAgent
-  }
-  if (document) {
-    const { title } = document
-    ohbugDevice.title = title
-  }
-  if (window.location) {
-    const { href: url } = window.location
-    ohbugDevice.url = url
-  }
-  return ohbugDevice
-}

package/src/dispatch/index.ts

@@ -1,2 +0,0 @@
-export * from './scriptDispatcher'
-export * from './networkDispatcher'

package/src/dispatch/networkDispatcher.ts

@@ -1,29 +0,0 @@
-import { EventTypes } from '@ohbug/core'
-
-import {
-  ajaxErrorHandler,
-  fetchErrorHandler,
-  unknownErrorHandler,
-  websocketErrorHandler,
-} from '../handle'
-
-export function networkDispatcher(type: string, detail: any) {
-  try {
-    switch (type) {
-      case EventTypes.AJAX_ERROR:
-        ajaxErrorHandler(detail)
-        break
-      case EventTypes.FETCH_ERROR:
-        fetchErrorHandler(detail)
-        break
-      case EventTypes.WEBSOCKET_ERROR:
-        websocketErrorHandler(detail)
-        break
-      default:
-        break
-    }
-  }
-  catch (error) {
-    unknownErrorHandler(error)
-  }
-}

package/src/dispatch/scriptDispatcher.ts

@@ -1,30 +0,0 @@
-import {
-  resourceErrorHandler,
-  uncaughtErrorHandler,
-  unhandledrejectionErrorHandler,
-  unknownErrorHandler,
-} from '../handle'
-
-export function scriptDispatcher(e: ErrorEvent | PromiseRejectionEvent) {
-  try {
-    const { type } = e
-    if (type === 'error') {
-      const targetEvent = e as ErrorEvent
-      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 as PromiseRejectionEvent)
-    }
-    else {
-      unknownErrorHandler(e)
-    }
-  }
-  catch (error) {
-    unknownErrorHandler(error)
-  }
-}

package/src/extension.ts

@@ -1,12 +0,0 @@
-import { defineExtension } from '@ohbug/core'
-
-import { handleCapture } from './capture'
-import { handleDestroy } from './destroy'
-
-export const extension = defineExtension({
-  name: 'OhbugBrowser',
-  setup: () => {
-    handleCapture()
-    handleDestroy()
-  },
-})

package/src/handle/ajaxErrorHandler.ts

@@ -1,26 +0,0 @@
-import { getOhbugObject } from '@ohbug/utils'
-import type { OhbugBaseDetail } from '@ohbug/types'
-import { EventTypes } from '@ohbug/core'
-
-export interface AjaxErrorDetail extends OhbugBaseDetail {
-  req: {
-    url: string
-    method: string
-    data: string | {}
-  }
-  res: {
-    response: string
-    status: number
-    statusText: string
-  }
-}
-
-export function ajaxErrorHandler(detail: AjaxErrorDetail) {
-  const { client } = getOhbugObject<Window>()
-  const event = client.createEvent<AjaxErrorDetail>({
-    category: 'error',
-    type: EventTypes.AJAX_ERROR,
-    detail,
-  })
-  client.notify(event)
-}