@cloudcare/browser-core 3.1.1 → 3.1.2

package/src/helper/serialisation/contextManager.js

@@ -1,6 +1,8 @@
 import { computeBytesCount } from '../byteUtils'
-import { deepClone, throttle } from '../tools'
+import { deepClone, throttle, getType } from '../tools'
+import { sanitize } from '../sanitize'
 import { jsonStringify } from './jsonStringify'
+import { Observable } from '../observable'
 import { warnIfCustomerDataLimitReached } from './heavyCustomerDataWarning'
 
 export var BYTES_COMPUTATION_THROTTLING_DELAY = 200
@@ -12,7 +14,7 @@ export function createContextManager(customerDataType, computeBytesCountImpl) {
   var context = {}
   var bytesCountCache
   var alreadyWarned = false
-
+  var changeObservable = new Observable()
   // Throttle the bytes computation to minimize the impact on performance.
   // Especially useful if the user call context APIs synchronously multiple times in a row
   var computeBytesCountThrottled = throttle(function (context) {
@@ -25,7 +27,7 @@ export function createContextManager(customerDataType, computeBytesCountImpl) {
     }
   }, BYTES_COMPUTATION_THROTTLING_DELAY).throttled
 
-  return {
+  var contextManager = {
     getBytesCount: function () {
       return bytesCountCache
     },
@@ -38,18 +40,21 @@ export function createContextManager(customerDataType, computeBytesCountImpl) {
     add: function (key, value) {
       context[key] = value
       computeBytesCountThrottled(context)
+      changeObservable.notify()
     },
 
     /** @deprecated renamed to removeContextProperty */
     remove: function (key) {
       delete context[key]
       computeBytesCountThrottled(context)
+      changeObservable.notify()
     },
 
     /** @deprecated use setContext instead */
     set: function (newContext) {
       context = newContext
       computeBytesCountThrottled(context)
+      changeObservable.notify()
     },
 
     getContext: function () {
@@ -57,23 +62,33 @@ export function createContextManager(customerDataType, computeBytesCountImpl) {
     },
 
     setContext: function (newContext) {
-      context = deepClone(newContext)
-      computeBytesCountThrottled(context)
+      if (getType(newContext) === 'object') {
+        context = sanitize(newContext)
+        computeBytesCountThrottled(context)
+      } else {
+        contextManager.clearContext()
+      }
+      changeObservable.notify()
     },
 
     setContextProperty: function (key, property) {
       context[key] = deepClone(property)
       computeBytesCountThrottled(context)
+      changeObservable.notify()
     },
 
     removeContextProperty: function (key) {
       delete context[key]
       computeBytesCountThrottled(context)
+      changeObservable.notify()
     },
 
     clearContext: function () {
       context = {}
       bytesCountCache = 0
-    }
+      changeObservable.notify()
+    },
+    changeObservable: changeObservable
   }
+  return contextManager
 }

package/src/helper/serialisation/storedContextManager.js

@@ -0,0 +1,56 @@
+import { computeBytesCount } from '../byteUtils'
+import { DOM_EVENT } from '../enums'
+import { map } from '../tools'
+import { addEventListener } from '../../browser/addEventListener'
+import { createContextManager } from './contextManager'
+var CONTEXT_STORE_KEY_PREFIX = '_gc_s'
+
+var storageListeners = []
+
+export function createStoredContextManager(
+  productKey,
+  customerDataType,
+  computeBytesCountImpl
+) {
+  if (computeBytesCountImpl === undefined) {
+    computeBytesCountImpl = computeBytesCount
+  }
+  var storageKey = buildStorageKey(productKey, customerDataType)
+  var contextManager = createContextManager(
+    customerDataType,
+    computeBytesCountImpl
+  )
+
+  synchronizeWithStorage()
+  storageListeners.push(
+    addEventListener(window, DOM_EVENT.STORAGE, function (params) {
+      if (storageKey === params.key) {
+        synchronizeWithStorage()
+      }
+    })
+  )
+  contextManager.changeObservable.subscribe(dumpToStorage)
+  function synchronizeWithStorage() {
+    var rawContext = localStorage.getItem(storageKey)
+    var context = rawContext !== null ? JSON.parse(rawContext) : {}
+    contextManager.setContext(context)
+  }
+
+  function dumpToStorage() {
+    localStorage.setItem(
+      storageKey,
+      JSON.stringify(contextManager.getContext())
+    )
+  }
+  return contextManager
+}
+
+export function buildStorageKey(productKey, customerDataType) {
+  return CONTEXT_STORE_KEY_PREFIX + '_' + productKey + '_' + customerDataType
+}
+
+export function removeStorageListeners() {
+  map(storageListeners, function (listener) {
+    listener.stop()
+  })
+}

package/src/helper/tools.js

@@ -1594,14 +1594,28 @@ export function getLocationOrigin() {
   return getLinkElementOrigin(window.location)
 }
 
+var browserIsIE
 export function isIE() {
-  return Boolean(document.documentMode)
+  if (browserIsIE === undefined) {
+    browserIsIE = Boolean(document.documentMode)
+  }
+  return browserIsIE
 }
-
+var browserIsChromium
 export function isChromium() {
-  return !!window.chrome || /HeadlessChrome/.test(window.navigator.userAgent)
+  if (browserIsChromium === undefined) {
+    browserIsChromium =
+      !!window.chrome || /HeadlessChrome/.test(window.navigator.userAgent)
+  }
+  return browserIsChromium
+}
+var browserIsSafari
+export function isSafari() {
+  if (browserIsSafari === undefined) {
+    browserIsSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+  }
+  return browserIsSafari
 }
-
 /**
  * IE fallback
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/origin

package/src/index.js

@@ -47,6 +47,7 @@ export * from './helper/serialisation/contextManager'
 export * from './helper/serialisation/heavyCustomerDataWarning'
 export * from './helper/serialisation/jsonStringify'
 export * from './helper/serialisation/rowData'
+export * from './helper/serialisation/storedContextManager'
 export * from './user'
 
 export * from './telemetry/telemetry'