@openreplay/tracker 7.0.1-beta.1 → 7.0.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# 7.0.1
+
+- fix time inputs capturing
+- add option `{ network: { captureInIframes: boolean } }` to disable network tracking inside iframes (default true)
+- added option `{ network: { axiosInstances: AxiosInstance[] } }` to include custom axios instances for better tracking
+
 # 7.0.0
 
 - **[breaking]** added gzip compression to large messages

package/cjs/app/index.js

@@ -14,7 +14,7 @@ const performance_js_1 = require("../modules/performance.js");
 const CANCELED = 'canceled';
 const START_ERROR = ':(';
 const UnsuccessfulStart = (reason) => ({ reason, success: false });
-const SuccessfulStart = (body) => ({ ...body, success: true });
+const SuccessfulStart = (body) => (Object.assign(Object.assign({}, body), { success: true }));
 var ActivityState;
 (function (ActivityState) {
     ActivityState[ActivityState["NotActive"] = 0] = "NotActive";
@@ -28,12 +28,13 @@ class App {
         // if (options.onStart !== undefined) {
         //   deprecationWarn("'onStart' option", "tracker.start().then(/* handle session info */)")
         // } ?? maybe onStart is good
+        var _a, _b;
         this.messages = [];
         this.startCallbacks = [];
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '7.0.1-beta.1'; // TODO: version compatability check inside each plugin.
+        this.version = '7.0.1'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this._usingOldFetchPlugin = false;
@@ -56,8 +57,8 @@ class App {
             sessionStorage: null,
         }, options);
         this.revID = this.options.revID;
-        this.localStorage = this.options.localStorage ?? window.localStorage;
-        this.sessionStorage = this.options.sessionStorage ?? window.sessionStorage;
+        this.localStorage = (_a = this.options.localStorage) !== null && _a !== void 0 ? _a : window.localStorage;
+        this.sessionStorage = (_b = this.options.sessionStorage) !== null && _b !== void 0 ? _b : window.sessionStorage;
         this.sanitizer = new sanitizer_js_1.default(this, options);
         this.nodes = new nodes_js_1.default(this.options.node_id);
         this.observer = new top_observer_js_1.default(this, options);
@@ -85,6 +86,7 @@ class App {
                 this._debug('webworker_error', e);
             };
             this.worker.onmessage = ({ data }) => {
+                var _a;
                 if (data === 'restart') {
                     this.stop(false);
                     void this.start({}, true);
@@ -101,6 +103,7 @@ class App {
                     const batchSize = batch.byteLength;
                     if (batchSize > this.compressionThreshold) {
                         (0, fflate_1.gzip)(data.batch, { mtime: 0 }, (err, result) => {
+                            var _a;
                             if (err) {
                                 console.error('Openreplay compression error:', err);
                                 this.stop(false);
@@ -110,11 +113,11 @@ class App {
                                 }
                             }
                             // @ts-ignore
-                            this.worker?.postMessage({ type: 'compressed', batch: result });
+                            (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'compressed', batch: result });
                         });
                     }
                     else {
-                        this.worker?.postMessage({ type: 'uncompressed', batch: batch });
+                        (_a = this.worker) === null || _a === void 0 ? void 0 : _a.postMessage({ type: 'uncompressed', batch: batch });
                     }
                 }
             };
@@ -217,8 +220,8 @@ class App {
         if (useSafe) {
             listener = this.safe(listener);
         }
-        this.attachStartCallback(() => target?.addEventListener(type, listener, useCapture), useSafe);
-        this.attachStopCallback(() => target?.removeEventListener(type, listener, useCapture), useSafe);
+        this.attachStartCallback(() => target === null || target === void 0 ? void 0 : target.addEventListener(type, listener, useCapture), useSafe);
+        this.attachStopCallback(() => target === null || target === void 0 ? void 0 : target.removeEventListener(type, listener, useCapture), useSafe);
     }
     // TODO: full correct semantic
     checkRequiredVersion(version) {
@@ -247,10 +250,7 @@ class App {
         };
     }
     getSessionInfo() {
-        return {
-            ...this.session.getInfo(),
-            ...this.getTrackerInfo(),
-        };
+        return Object.assign(Object.assign({}, this.session.getInfo()), this.getTrackerInfo());
     }
     getSessionToken() {
         return this.session.getSessionToken();
@@ -268,7 +268,7 @@ class App {
         const isSaas = /api\.openreplay\.com/.test(ingest);
         const projectPath = isSaas ? 'https://openreplay.com/ingest' : ingest;
         const url = projectPath.replace(/ingest$/, `${projectID}/session/${sessionID}`);
-        if (options?.withCurrentTime) {
+        if (options === null || options === void 0 ? void 0 : options.withCurrentTime) {
             const jumpTo = (0, utils_js_1.now)() - timestamp;
             return `${url}?jumpto=${jumpTo}`;
         }
@@ -281,6 +281,7 @@ class App {
         return this.projectKey;
     }
     getBaseHref() {
+        var _a, _b;
         if (typeof this.options.resourceBaseHref === 'string') {
             return this.options.resourceBaseHref;
         }
@@ -291,7 +292,7 @@ class App {
             return document.baseURI;
         }
         // IE only
-        return (document.head?.getElementsByTagName('base')[0]?.getAttribute('href') ||
+        return (((_b = (_a = document.head) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('base')[0]) === null || _b === void 0 ? void 0 : _b.getAttribute('href')) ||
             location.origin + location.pathname);
     }
     resolveResourceURL(resourceURL) {
@@ -354,14 +355,8 @@ class App {
             headers: {
                 'Content-Type': 'application/json',
             },
-            body: JSON.stringify({
-                ...this.getTrackerInfo(),
-                timestamp,
-                userID: this.session.getInfo().userID,
-                token: needNewSessionID ? undefined : this.session.getSessionToken(),
-                deviceMemory: performance_js_1.deviceMemory,
-                jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit,
-            }),
+            body: JSON.stringify(Object.assign(Object.assign({}, this.getTrackerInfo()), { timestamp, userID: this.session.getInfo().userID, token: needNewSessionID ? undefined : this.session.getSessionToken(), deviceMemory: performance_js_1.deviceMemory,
+                jsHeapSizeLimit: performance_js_1.jsHeapSizeLimit })),
         })
             .then((r) => {
             if (r.status === 200) {

package/cjs/app/observer/iframe_offsets.js

@@ -26,6 +26,7 @@ class IFrameOffsets {
         return this.calcOffset(state);
     }
     observe(iFrame) {
+        var _a;
         const doc = iFrame.contentDocument;
         if (!doc) {
             return;
@@ -37,8 +38,9 @@ class IFrameOffsets {
             iFrame,
             parent: parentState || null,
             clear: () => {
+                var _a;
                 parentDoc.removeEventListener('scroll', invalidateOffset);
-                parentDoc.defaultView?.removeEventListener('resize', invalidateOffset);
+                (_a = parentDoc.defaultView) === null || _a === void 0 ? void 0 : _a.removeEventListener('resize', invalidateOffset);
             },
         };
         const invalidateOffset = () => {
@@ -46,7 +48,7 @@ class IFrameOffsets {
         };
         // anything more reliable? This does not cover all cases (layout changes are ignored, for ex.)
         parentDoc.addEventListener('scroll', invalidateOffset);
-        parentDoc.defaultView?.addEventListener('resize', invalidateOffset);
+        (_a = parentDoc.defaultView) === null || _a === void 0 ? void 0 : _a.addEventListener('resize', invalidateOffset);
         this.states.set(doc, state);
     }
     clear() {

package/cjs/app/observer/observer.js

@@ -16,7 +16,7 @@ function isIgnored(node) {
     if (tag === 'LINK') {
         const rel = node.getAttribute('rel');
         const as = node.getAttribute('as');
-        return !(rel?.includes('stylesheet') || as === 'style' || as === 'font');
+        return !((rel === null || rel === void 0 ? void 0 : rel.includes('stylesheet')) || as === 'style' || as === 'font');
     }
     return (tag === 'SCRIPT' || tag === 'NOSCRIPT' || tag === 'META' || tag === 'TITLE' || tag === 'BASE');
 }

package/cjs/index.js

@@ -142,7 +142,7 @@ class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '7.0.1-beta.1',
+                trackerVersion: '7.0.1',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/cjs/modules/axiosSpy.d.ts

@@ -0,0 +1,53 @@
+import type App from '../app/index.js';
+import type { RequestResponseData, Options } from './network.js';
+interface RawAxiosHeaders {
+    [key: string]: string;
+}
+interface AxiosRequestConfig {
+    url: string;
+    method?: string;
+    baseURL?: string;
+    status?: number;
+    headers: {
+        toJSON(): RawAxiosHeaders;
+    };
+    params?: any;
+    data?: any;
+}
+interface InternalAxiosRequestConfig extends AxiosRequestConfig {
+    __openreplay_timing: number;
+    headers: {
+        toJSON(): RawAxiosHeaders;
+        set(name: string, value: string): void;
+    };
+}
+interface AxiosResponse<T = any> {
+    data: T;
+    status: number;
+    statusText: string;
+    headers: {
+        toJSON(): RawAxiosHeaders;
+    };
+    config: InternalAxiosRequestConfig;
+    request?: any;
+    response?: AxiosRequestConfig;
+}
+export interface AxiosInstance extends Record<string, any> {
+    interceptors: {
+        request: AxiosInterceptorManager<InternalAxiosRequestConfig>;
+        response: AxiosInterceptorManager<AxiosResponse>;
+    };
+}
+export interface AxiosInterceptorOptions {
+    synchronous?: boolean;
+}
+export interface AxiosInterceptorManager<V> {
+    use(onFulfilled?: ((value: V) => V | Promise<V>) | null, onRejected?: ((error: any) => any) | null, options?: AxiosInterceptorOptions): number;
+    eject?: (id: number) => void;
+    clear?: () => void;
+}
+export default function (app: App, instance: AxiosInstance, opts: Options, sanitize: (data: RequestResponseData) => RequestResponseData | null, stringify: (data: {
+    headers: Record<string, string>;
+    body: any;
+}) => string): void;
+export {};

package/cjs/modules/axiosSpy.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const messages_gen_js_1 = require("../app/messages.gen.js");
+const utils_js_1 = require("../utils.js");
+function default_1(app, instance, opts, sanitize, stringify) {
+    function captureResponseData(axiosResponseObj) {
+        const { headers: reqHs, data: reqData, method, url } = axiosResponseObj.config;
+        const { data: rData, headers: rHs, status: globStatus, response } = axiosResponseObj;
+        const { data: resData, headers: resHs, status: resStatus } = response || {};
+        const reqResInfo = sanitize({
+            url,
+            method: method || '',
+            status: globStatus || resStatus || 0,
+            request: {
+                headers: reqHs.toJSON(),
+                body: reqData,
+            },
+            response: {
+                headers: (resHs === null || resHs === void 0 ? void 0 : resHs.toJSON()) || rHs.toJSON(),
+                body: resData || rData,
+            },
+        });
+        if (!reqResInfo) {
+            return;
+        }
+        const requestStart = axiosResponseObj.config.__openreplay_timing;
+        const duration = performance.now() - requestStart;
+        app.send((0, messages_gen_js_1.NetworkRequest)('xhr', String(method), String(reqResInfo.url), stringify(reqResInfo.request), stringify(reqResInfo.response), reqResInfo.status, requestStart + (0, utils_js_1.getTimeOrigin)(), duration));
+    }
+    function getStartTime(config) {
+        config.__openreplay_timing = performance.now();
+        if (opts.sessionTokenHeader) {
+            const header = typeof opts.sessionTokenHeader === 'string'
+                ? opts.sessionTokenHeader
+                : 'X-OpenReplay-Session-Token';
+            const headerValue = app.getSessionToken();
+            if (headerValue) {
+                config.headers.set(header, headerValue);
+            }
+        }
+        return config;
+    }
+    function captureNetworkRequest(response) {
+        if (opts.failuresOnly)
+            return response;
+        captureResponseData(response);
+        return response;
+    }
+    function captureNetworkError(error) {
+        captureResponseData(error);
+        return Promise.reject(error);
+    }
+    const reqInt = instance.interceptors.request.use(getStartTime, null, { synchronous: true });
+    const resInt = instance.interceptors.response.use(captureNetworkRequest, captureNetworkError, {
+        synchronous: true,
+    });
+    app.attachStopCallback(() => {
+        var _a, _b, _c, _d;
+        (_b = (_a = instance.interceptors.request).eject) === null || _b === void 0 ? void 0 : _b.call(_a, reqInt);
+        (_d = (_c = instance.interceptors.response).eject) === null || _d === void 0 ? void 0 : _d.call(_c, resInt);
+    });
+}
+exports.default = default_1;

package/cjs/modules/constructedStyleSheets.js

@@ -72,15 +72,12 @@ function default_1(app) {
     function patchAdoptedStyleSheets(prototype) {
         const nativeAdoptedStyleSheetsDescriptor = Object.getOwnPropertyDescriptor(prototype, 'adoptedStyleSheets');
         if (nativeAdoptedStyleSheetsDescriptor) {
-            Object.defineProperty(prototype, 'adoptedStyleSheets', {
-                ...nativeAdoptedStyleSheetsDescriptor,
-                set: function (value) {
+            Object.defineProperty(prototype, 'adoptedStyleSheets', Object.assign(Object.assign({}, nativeAdoptedStyleSheetsDescriptor), { set: function (value) {
                     // @ts-ignore
                     const retVal = nativeAdoptedStyleSheetsDescriptor.set.call(this, value);
                     sendAdoptedStyleSheetsUpdate(this);
                     return retVal;
-                },
-            });
+                } }));
         }
     }
     const patchContext = (context) => {

package/cjs/modules/input.js

@@ -4,7 +4,17 @@ exports.getInputLabel = void 0;
 const utils_js_1 = require("../utils.js");
 const guards_js_1 = require("../app/guards.js");
 const messages_gen_js_1 = require("../app/messages.gen.js");
-const INPUT_TYPES = ['text', 'password', 'email', 'search', 'number', 'range', 'date', 'tel'];
+const INPUT_TYPES = [
+    'text',
+    'password',
+    'email',
+    'search',
+    'number',
+    'range',
+    'date',
+    'tel',
+    'time',
+];
 function isTextFieldElement(node) {
     if ((0, guards_js_1.hasTag)(node, 'textarea')) {
         return true;

package/cjs/modules/mouse.js

@@ -4,21 +4,16 @@ const guards_js_1 = require("../app/guards.js");
 const utils_js_1 = require("../utils.js");
 const messages_gen_js_1 = require("../app/messages.gen.js");
 const input_js_1 = require("./input.js");
-// loading it only once per browser tab context
-// plus workaround for SSR apps
-let finderLib;
-async function _getSelector(target, document, options) {
-    if (!finderLib) {
-        const { finder } = await import('@medv/finder');
-        finderLib = finder;
-    }
-    return finderLib(target, {
+const finder_1 = require("@medv/finder");
+function _getSelector(target, document, options) {
+    const selector = (0, finder_1.finder)(target, {
         root: document.body,
         seedMinLength: 3,
-        optimizedMinLength: options?.minSelectorDepth || 2,
-        threshold: options?.nthThreshold || 1000,
-        maxNumberOfTries: options?.maxOptimiseTries || 10000,
+        optimizedMinLength: (options === null || options === void 0 ? void 0 : options.minSelectorDepth) || 2,
+        threshold: (options === null || options === void 0 ? void 0 : options.nthThreshold) || 1000,
+        maxNumberOfTries: (options === null || options === void 0 ? void 0 : options.maxOptimiseTries) || 10000,
     });
+    return selector;
 }
 function isClickable(element) {
     const tag = element.tagName.toUpperCase();
@@ -138,14 +133,8 @@ function default_1(app, options) {
         }
     };
     const patchDocument = (document, topframe = false) => {
-        async function getSelector(id, target, options) {
-            console.log('test');
-            if (selectorMap[id]) {
-                return selectorMap[id];
-            }
-            const selector = await _getSelector(target, document, options);
-            console.log('selecting', selector);
-            return selector;
+        function getSelector(id, target, options) {
+            return (selectorMap[id] = selectorMap[id] || _getSelector(target, document, options));
         }
         const attachListener = topframe
             ? app.attachEventListener.bind(app) // attached/removed on start/stop
@@ -169,7 +158,7 @@ function default_1(app, options) {
                 directionChangeCount++;
             }
         }, false);
-        attachListener(document, 'click', async (e) => {
+        attachListener(document, 'click', (e) => {
             const target = getTarget(e.target, document);
             if ((!e.clientX && !e.clientY) || target === null) {
                 return;
@@ -177,7 +166,7 @@ function default_1(app, options) {
             const id = app.nodes.getID(target);
             if (id !== undefined) {
                 sendMouseMove();
-                app.send((0, messages_gen_js_1.MouseClick)(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), isClickable(target) && !disableClickmaps ? await getSelector(id, target, options) : ''), true);
+                app.send((0, messages_gen_js_1.MouseClick)(id, mouseTarget === target ? Math.round(performance.now() - mouseTargetTime) : 0, getTargetLabel(target), isClickable(target) && !disableClickmaps ? getSelector(id, target, options) : ''), true);
             }
             mouseTarget = null;
         });
@@ -188,6 +177,6 @@ function default_1(app, options) {
         }
     });
     patchDocument(document, true);
-    app.ticker.attach(sendMouseMove, options?.trackingOffset || 7);
+    app.ticker.attach(sendMouseMove, (options === null || options === void 0 ? void 0 : options.trackingOffset) || 7);
 }
 exports.default = default_1;

package/cjs/modules/network.d.ts

@@ -1,4 +1,5 @@
 import type App from '../app/index.js';
+import type { AxiosInstance } from './axiosSpy.js';
 type XHRRequestBody = Parameters<XMLHttpRequest['send']>[0];
 type FetchRequestBody = RequestInit['body'];
 interface RequestData {
@@ -9,7 +10,7 @@ interface ResponseData {
     body: any;
     headers: Record<string, string>;
 }
-interface RequestResponseData {
+export interface RequestResponseData {
     readonly status: number;
     readonly method: string;
     url: string;
@@ -22,7 +23,9 @@ export interface Options {
     failuresOnly: boolean;
     ignoreHeaders: Array<string> | boolean;
     capturePayload: boolean;
+    captureInIframes: boolean;
     sanitizer?: Sanitizer;
+    axiosInstances?: Array<AxiosInstance>;
 }
 export default function (app: App, opts?: Partial<Options>): void;
 export {};

package/cjs/modules/network.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const messages_gen_js_1 = require("../app/messages.gen.js");
 const utils_js_1 = require("../utils.js");
+const axiosSpy_js_1 = require("./axiosSpy.js");
 function getXHRRequestDataObject(xhr) {
     // @ts-ignore  this is 3x faster than using Map<XHR, XHRRequestData>
     if (!xhr.__or_req_data__) {
@@ -20,6 +21,8 @@ function default_1(app, opts = {}) {
         ignoreHeaders: ['Cookie', 'Set-Cookie', 'Authorization'],
         capturePayload: false,
         sessionTokenHeader: false,
+        captureInIframes: true,
+        axiosInstances: undefined,
     }, opts);
     const ignoreHeaders = options.ignoreHeaders;
     const isHIgnored = Array.isArray(ignoreHeaders)
@@ -46,7 +49,7 @@ function default_1(app, opts = {}) {
                 try {
                     reqResInfo.response.body = JSON.parse(resBody);
                 }
-                catch { }
+                catch (_a) { }
             }
             return options.sanitizer(reqResInfo);
         }
@@ -57,7 +60,7 @@ function default_1(app, opts = {}) {
             try {
                 r.body = JSON.stringify(r.body);
             }
-            catch {
+            catch (_a) {
                 r.body = '<unable to stringify>';
                 app.notify.warn("Openreplay fetch couldn't stringify body:", r.body);
             }
@@ -145,6 +148,8 @@ function default_1(app, opts = {}) {
         /* ====== <> ====== */
         /* ====== XHR ====== */
         const nativeOpen = context.XMLHttpRequest.prototype.open;
+        const nativeSetRequestHeader = context.XMLHttpRequest.prototype.setRequestHeader;
+        const nativeSend = context.XMLHttpRequest.prototype.send;
         function trackXMLHttpReqOpen(initMethod, url) {
             const xhr = this;
             setSessionTokenHeader((name, value) => xhr.setRequestHeader(name, value));
@@ -161,7 +166,7 @@ function default_1(app, opts = {}) {
                         .split('\r\n')
                         .map((h) => h.split(':'))
                         .filter((entry) => !isHIgnored(entry[0]))
-                        .reduce((hds, [name, value]) => ({ ...hds, [name]: value }), {})
+                        .reduce((hds, [name, value]) => (Object.assign(Object.assign({}, hds), { [name]: value })), {})
                     : {};
                 const method = strMethod(initMethod);
                 const reqResInfo = sanitize({
@@ -186,16 +191,12 @@ function default_1(app, opts = {}) {
             //xhr.addEventListener('error', (e) => {})
             return nativeOpen.apply(this, arguments);
         }
-        context.XMLHttpRequest.prototype.open = trackXMLHttpReqOpen;
-        const nativeSend = context.XMLHttpRequest.prototype.send;
         function trackXHRSend(body) {
             const rdo = getXHRRequestDataObject(this);
             rdo.body = body;
             // @ts-ignore ??? this -> XMLHttpRequest
             return nativeSend.apply(this, arguments);
         }
-        context.XMLHttpRequest.prototype.send = trackXHRSend;
-        const nativeSetRequestHeader = context.XMLHttpRequest.prototype.setRequestHeader;
         function trackSetReqHeader(name, value) {
             if (!isHIgnored(name)) {
                 const rdo = getXHRRequestDataObject(this);
@@ -203,10 +204,21 @@ function default_1(app, opts = {}) {
             }
             return nativeSetRequestHeader.apply(this, arguments);
         }
-        context.XMLHttpRequest.prototype.setRequestHeader = trackSetReqHeader;
+        if (!options.axiosInstances) {
+            context.XMLHttpRequest.prototype.open = trackXMLHttpReqOpen;
+            context.XMLHttpRequest.prototype.send = trackXHRSend;
+            context.XMLHttpRequest.prototype.setRequestHeader = trackSetReqHeader;
+        }
         /* ====== <> ====== */
     };
     patchWindow(window);
-    app.observer.attachContextCallback(app.safe(patchWindow));
+    if (options.axiosInstances) {
+        options.axiosInstances.forEach((axiosInstance) => {
+            (0, axiosSpy_js_1.default)(app, axiosInstance, options, sanitize, stringify);
+        });
+    }
+    if (options.captureInIframes) {
+        app.observer.attachContextCallback(app.safe(patchWindow));
+    }
 }
 exports.default = default_1;

package/cjs/utils.js

@@ -70,8 +70,9 @@ function hasOpenreplayAttribute(e, attr) {
 }
 exports.hasOpenreplayAttribute = hasOpenreplayAttribute;
 function isIframeCrossdomain(e) {
+    var _a;
     try {
-        return e.contentWindow?.location.href !== window.location.href;
+        return ((_a = e.contentWindow) === null || _a === void 0 ? void 0 : _a.location.href) !== window.location.href;
     }
     catch (e) {
         return true;

package/cjs/vendors/finder/finder.js

@@ -27,7 +27,7 @@ function finder(input, options) {
         threshold: 1000,
         maxNumberOfTries: 10000,
     };
-    config = { ...defaults, ...options };
+    config = Object.assign(Object.assign({}, defaults), options);
     rootDocument = findRootDocument(config.root, defaults);
     let path = bottomUpSearch(input, Limit.All, () => bottomUpSearch(input, Limit.Two, () => bottomUpSearch(input, Limit.One)));
     if (path) {
@@ -271,7 +271,7 @@ const defaultOptions = {
     wrap: false,
 };
 function cssesc(string, opt = {}) {
-    const options = { ...defaultOptions, ...opt };
+    const options = Object.assign(Object.assign({}, defaultOptions), opt);
     if (options.quotes != 'single' && options.quotes != 'double') {
         options.quotes = 'single';
     }