@cloudcare/browser-core 3.1.3 → 3.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudcare/browser-core",
-    "version": "3.1.3",
+    "version": "3.1.6",
     "main": "cjs/index.js",
     "module": "esm/index.js",
     "scripts": {
@@ -20,5 +20,5 @@
     "author": "dataflux",
     "license": "MIT",
     "description": "DataFlux RUM Web 端数据指标监控",
-    "gitHead": "356ac0934fe39cf44c4cf7943452fd3a222bccaf"
+    "gitHead": "8ddcdc7a34fe8d8f1637cde3670fc18529352e28"
 }

package/src/browser/cookie.js

@@ -1,4 +1,9 @@
-import { findCommaSeparatedValue, UUID, ONE_SECOND } from '../helper/tools'
+import {
+  findCommaSeparatedValue,
+  UUID,
+  ONE_SECOND,
+  findCommaSeparatedValues
+} from '../helper/tools'
 export var COOKIE_ACCESS_DELAY = ONE_SECOND
 
 export function setCookie(name, value, expireDelay, options) {
@@ -23,7 +28,21 @@ export function setCookie(name, value, expireDelay, options) {
 export function getCookie(name) {
   return findCommaSeparatedValue(document.cookie, name)
 }
+var initCookieParsed
+/**
+ * Returns a cached value of the cookie. Use this during SDK initialization (and whenever possible)
+ * to avoid accessing document.cookie multiple times.
+ */
+export function getInitCookie(name) {
+  if (!initCookieParsed) {
+    initCookieParsed = findCommaSeparatedValues(document.cookie)
+  }
+  return initCookieParsed.get(name)
+}
 
+export function resetInitCookies() {
+  initCookieParsed = undefined
+}
 export function deleteCookie(name, options) {
   setCookie(name, '', 0, options)
 }
@@ -35,7 +54,7 @@ export function areCookiesAuthorized(options) {
   try {
     // Use a unique cookie name to avoid issues when the SDK is initialized multiple times during
     // the test cookie lifetime
-    var testCookieName = `dd_cookie_test_${UUID()}`
+    var testCookieName = `gc_cookie_test_${UUID()}`
     var testCookieValue = 'test'
     setCookie(testCookieName, testCookieValue, ONE_SECOND, options)
     return getCookie(testCookieName) === testCookieValue
@@ -54,7 +73,7 @@ export function getCurrentSite() {
   if (getCurrentSiteCache === undefined) {
     // Use a unique cookie name to avoid issues when the SDK is initialized multiple times during
     // the test cookie lifetime
-    var testCookieName = `dd_site_test_${UUID()}`
+    var testCookieName = `gc_site_test_${UUID()}`
     var testCookieValue = 'test'
 
     var domainLevels = window.location.hostname.split('.')

package/src/configuration/configuration.js

@@ -89,7 +89,33 @@ export function validateAndBuildConfiguration(initConfiguration) {
     computeTransportConfiguration(initConfiguration)
   )
 }
-
+export function validatePostRequestRequireParamsConfiguration(
+  initConfiguration
+) {
+  if (
+    !initConfiguration.site &&
+    !initConfiguration.datakitOrigin &&
+    !initConfiguration.datakitUrl
+  ) {
+    display.error(
+      'datakitOrigin or site is not configured, no RUM data will be collected.'
+    )
+    return false
+  }
+  //   if (!initConfiguration.datakitUrl && !initConfiguration.datakitOrigin) {
+  //     display.error(
+  //       'datakitOrigin is not configured, no RUM data will be collected.'
+  //     )
+  //     return false
+  //   }
+  if (initConfiguration.site && !initConfiguration.clientToken) {
+    display.error(
+      'clientToken is not configured, no RUM data will be collected.'
+    )
+    return false
+  }
+  return true
+}
 export function buildCookieOptions(initConfiguration) {
   var cookieOptions = {}
 

package/src/configuration/transportConfiguration.js

@@ -5,17 +5,29 @@ var typeMap = {
   log: '/logging',
   sessionReplay: '/rum/replay'
 }
-function getEndPointUrl(url, type) {
+function getEndPointUrl(configuration, type) {
   // type: rum, log,replay
   var subUrl = typeMap[type]
   if (!subUrl) return ''
+  var url =
+    configuration.datakitOrigin ||
+    configuration.datakitUrl ||
+    configuration.site
   if (url.indexOf('/') === 0) {
     // 绝对路径这种 /xxx
     url = location.origin + trim(url)
   }
-  if (url.lastIndexOf('/') === url.length - 1)
-    return trim(url) + 'v1/write' + subUrl
-  return trim(url) + '/v1/write' + subUrl
+  var endpoint = url
+  if (url.lastIndexOf('/') === url.length - 1) {
+    endpoint = trim(url) + 'v1/write' + subUrl
+  } else {
+    endpoint = trim(url) + '/v1/write' + subUrl
+  }
+  if (configuration.site && configuration.clientToken) {
+    endpoint =
+      endpoint + '?token=' + configuration.clientToken + '&to_headless=true'
+  }
+  return endpoint
 }
 
 function trim(str) {
@@ -44,15 +56,9 @@ export function computeTransportConfiguration(initConfiguration) {
     isServerError = initConfiguration.isServerError
   }
   return {
-    rumEndpoint: getEndPointUrl(
-      initConfiguration.datakitUrl || initConfiguration.datakitOrigin,
-      'rum'
-    ),
-    logsEndpoint: getEndPointUrl(initConfiguration.datakitOrigin, 'log'),
-    sessionReplayEndPoint: getEndPointUrl(
-      initConfiguration.datakitOrigin,
-      'sessionReplay'
-    ),
+    rumEndpoint: getEndPointUrl(initConfiguration, 'rum'),
+    logsEndpoint: getEndPointUrl(initConfiguration, 'log'),
+    sessionReplayEndPoint: getEndPointUrl(initConfiguration, 'sessionReplay'),
     isIntakeUrl: isIntakeUrl,
     isServerError: isServerError
   }

package/src/dataMap.js

@@ -28,10 +28,10 @@ export var commonTags = {
   view_host: 'view.host',
   view_path: 'view.path',
   view_name: 'view.path', // 冗余一个字段
-  view_path_group: 'view.path_group',
-  view_url_query: 'view.url_query'
+  view_path_group: 'view.path_group'
 }
 export var commonFields = {
+  view_url_query: 'view.url_query',
   action_id: 'action.id',
   action_ids: 'action.ids',
   view_in_foreground: 'view.in_foreground',

package/src/helper/deviceInfo.js

@@ -1,4 +1,5 @@
 import { display } from '../helper/display'
+import { monitor } from '../helper/monitor'
 var VariableLibrary = {
   navigator:
     typeof window !== 'undefined' && typeof window.navigator != 'undefined'
@@ -80,7 +81,7 @@ var VariableLibrary = {
 // 方法库
 var MethodLibrary = {
   // 获取匹配库
-  getMatchMap: function (u) {
+  getMatchMap: monitor(function (u) {
     return {
       // 内核
       Trident: u.indexOf('Trident') > -1 || u.indexOf('NET CLR') > -1,
@@ -154,9 +155,9 @@ var MethodLibrary = {
       Tablet: u.indexOf('Tablet') > -1 || u.indexOf('Nexus 7') > -1,
       iPad: u.indexOf('iPad') > -1
     }
-  },
+  }),
   // 在信息map和匹配库中进行匹配
-  matchInfoMap: function (_this) {
+  matchInfoMap: monitor(function (_this) {
     var u = VariableLibrary.navigator.userAgent || ''
     var match = MethodLibrary.getMatchMap(u)
     for (var s in VariableLibrary.infoMap) {
@@ -167,15 +168,15 @@ var MethodLibrary = {
         }
       }
     }
-  },
+  }),
   // 获取当前操作系统
-  getOS: function () {
+  getOS: monitor(function () {
     var _this = this
     MethodLibrary.matchInfoMap(_this)
     return _this.os || 'Unknown'
-  },
+  }),
   // 获取操作系统版本
-  getOSVersion: function () {
+  getOSVersion: monitor(function () {
     var _this = this
     var u = VariableLibrary.navigator.userAgent || ''
     _this.osVersion = ''
@@ -229,9 +230,9 @@ var MethodLibrary = {
       version: _this.osVersion,
       osMajor: _this.osMajor
     }
-  },
+  }),
   // 获取横竖屏状态
-  getOrientationStatu: function () {
+  getOrientationStatu: monitor(function () {
     var orientationStatus = ''
     var orientation = window.matchMedia('(orientation: portrait)')
     if (orientation.matches) {
@@ -240,16 +241,16 @@ var MethodLibrary = {
       orientationStatus = '横屏'
     }
     return orientationStatus
-  },
+  }),
   // 获取设备类型
-  getDeviceType: function () {
+  getDeviceType: monitor(function () {
     var _this = this
     _this.device = 'PC'
     MethodLibrary.matchInfoMap(_this)
     return _this.device
-  },
+  }),
   // 获取网络状态
-  getNetwork: function () {
+  getNetwork: monitor(function () {
     var connection =
       window.navigator.connection ||
       window.navigator.mozConnection ||
@@ -289,9 +290,9 @@ var MethodLibrary = {
       }
     }
     return result
-  },
+  }),
   // 获取当前语言
-  getLanguage: function () {
+  getLanguage: monitor(function () {
     var _this = this
     _this.language = (function () {
       var language =
@@ -305,9 +306,9 @@ var MethodLibrary = {
       return arr.join('_')
     })()
     return _this.language
-  },
+  }),
   // 浏览器信息
-  getBrowserInfo: function () {
+  getBrowserInfo: monitor(function () {
     var _this = this
     MethodLibrary.matchInfoMap(_this)
 
@@ -345,6 +346,7 @@ var MethodLibrary = {
         match['360SE'] = true
       } else if (
         VariableLibrary.navigator &&
+        VariableLibrary.navigator.connection &&
         typeof VariableLibrary.navigator['connection']['saveData'] ==
           'undefined'
       ) {
@@ -589,9 +591,9 @@ var MethodLibrary = {
       engine: _this.engine,
       browserMajor: _this.browserMajor
     }
-  },
+  }),
   // 获取地理位置
-  getGeoPostion: function (callback) {
+  getGeoPostion: monitor(function (callback) {
     navigator &&
       navigator.geolocation &&
       navigator.geolocation.getCurrentPosition(
@@ -604,12 +606,13 @@ var MethodLibrary = {
           display.warn(error)
         }
       )
-  }
+  })
 }
 var _deviceInfo = {}
 if (typeof window !== 'undefined') {
   _deviceInfo = {
     os: MethodLibrary.getOS(),
+    MethodLibrary,
     osVersion: MethodLibrary.getOSVersion().version,
     osVersionMajor: MethodLibrary.getOSVersion().osMajor,
     browser: MethodLibrary.getBrowserInfo().browser,

package/src/helper/tools.js

@@ -1518,9 +1518,36 @@ export function getNavigationStart() {
   }
   return navigationStart
 }
+
+var COMMA_SEPARATED_KEY_VALUE = /([\w-]+)\s*=\s*([^;]+)/g
 export function findCommaSeparatedValue(rawString, name) {
-  var matches = rawString.match('(?:^|;)\\s*' + name + '\\s*=\\s*([^;]+)')
-  return matches ? matches[1] : undefined
+  COMMA_SEPARATED_KEY_VALUE.lastIndex = 0
+  // eslint-disable-next-line no-constant-condition
+  while (true) {
+    var match = COMMA_SEPARATED_KEY_VALUE.exec(rawString)
+    if (match) {
+      if (match[1] === name) {
+        return match[2]
+      }
+    } else {
+      break
+    }
+  }
+}
+
+export function findCommaSeparatedValues(rawString) {
+  var result = new Map()
+  COMMA_SEPARATED_KEY_VALUE.lastIndex = 0
+  // eslint-disable-next-line no-constant-condition
+  while (true) {
+    var match = COMMA_SEPARATED_KEY_VALUE.exec(rawString)
+    if (match) {
+      result.set(match[1], match[2])
+    } else {
+      break
+    }
+  }
+  return result
 }
 export function findByPath(source, path) {
   var pathArr = path.split('.')
@@ -1594,29 +1621,54 @@ export function isPercentage(value) {
 export function getLocationOrigin() {
   return getLinkElementOrigin(window.location)
 }
-
-var browserIsIE
+export var Browser = {
+  IE: 0,
+  CHROMIUM: 1,
+  SAFARI: 2,
+  OTHER: 3
+}
 export function isIE() {
-  if (browserIsIE === undefined) {
-    browserIsIE = Boolean(document.documentMode)
-  }
-  return browserIsIE
+  return detectBrowserCached() === Browser.IE
 }
-var browserIsChromium
 export function isChromium() {
-  if (browserIsChromium === undefined) {
-    browserIsChromium =
-      !!window.chrome || /HeadlessChrome/.test(window.navigator.userAgent)
-  }
-  return browserIsChromium
+  return detectBrowserCached() === Browser.CHROMIUM
 }
-var browserIsSafari
 export function isSafari() {
-  if (browserIsSafari === undefined) {
-    browserIsSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+  return detectBrowserCached() === Browser.SAFARI
+}
+var browserCache
+function detectBrowserCached() {
+  return isNullUndefinedDefaultValue(
+    browserCache,
+    (browserCache = detectBrowser())
+  )
+}
+export function detectBrowser(browserWindow) {
+  if (typeof browserWindow === 'undefined') {
+    browserWindow = window
+  }
+  var userAgent = browserWindow.navigator.userAgent
+  if (browserWindow.chrome || /HeadlessChrome/.test(userAgent)) {
+    return Browser.CHROMIUM
+  }
+
+  if (
+    // navigator.vendor is deprecated, but it is the most resilient way we found to detect
+    // "Apple maintained browsers" (AKA Safari). If one day it gets removed, we still have the
+    // useragent test as a semi-working fallback.
+    browserWindow.navigator.vendor?.indexOf('Apple') === 0 ||
+    (/safari/i.test(userAgent) && !/chrome|android/i.test(userAgent))
+  ) {
+    return Browser.SAFARI
   }
-  return browserIsSafari
+
+  if (browserWindow.document.documentMode) {
+    return Browser.IE
+  }
+
+  return Browser.OTHER
 }
+
 /**
  * IE fallback
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/origin