core-outline 1.1.17 → 1.1.19

package/.babelrc

@@ -1,6 +1,3 @@
-{
-    "presets": [
-        "@babel/preset-env",
-        "@babel/preset-react"
-    ]
-}
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

package/dist/index.es.js

@@ -6347,7 +6347,7 @@ Object.assign(lookup, {
     connect: lookup,
 });
 
-var socket = lookup('http://localhost:8000');
+var socket = lookup('http://streams.coreoutline.com');
 
 var CoreOutline = function CoreOutline(_ref) {
   var children = _ref.children,
@@ -6377,7 +6377,7 @@ var CoreOutline = function CoreOutline(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     browser = _useState10[0];
     _useState10[1];
-  var _useState11 = useState(""),
+  var _useState11 = useState(''),
     _useState12 = _slicedToArray(_useState11, 2);
     _useState12[0];
     var setAppToken = _useState12[1];
@@ -6395,22 +6395,22 @@ var CoreOutline = function CoreOutline(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             requestOptions = {
-              method: "POST",
+              method: 'POST',
               headers: {
-                "Content-Type": "application/json"
+                'Content-Type': 'application/json'
               },
               body: JSON.stringify({
                 data_source_id: data_source_id,
                 data_source_secret: data_source_secret
               })
             };
-            response = fetch("http://localhost:4000/data-source/authorize", requestOptions).then(function (response) {
+            response = fetch("http://api.coreoutline.com/data-source/authorize", requestOptions).then(function (response) {
               return response.json();
             }).then(function (data) {
               setAppToken(data.app_token);
               return data;
             })["catch"](function (error) {
-              console.error("Error:", error);
+              console.error('Error:', error);
               return error;
             });
             return _context2.abrupt("return", response);
@@ -6423,26 +6423,28 @@ var CoreOutline = function CoreOutline(_ref) {
     return _authorizeApp.apply(this, arguments);
   }
   var offLoadFunctionality = function offLoadFunctionality() {
+    var formattedEvents = events;
+    var rawEvents = replayEvents;
     var data = JSON.stringify({
       data_source_id: data_source_id,
       sessionId: sessionId,
-      formatted_events: JSON.stringify(events),
-      raw_events: JSON.stringify(replayEvents)
+      formatted_events: formattedEvents,
+      raw_events: rawEvents
     });
     socket.send({
-      topic: "session-data",
+      topic: 'session-data',
       data_source_id: data_source_id,
-      session_id: localStorage.getItem("coreOutlineSessionId"),
+      session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
-      event_id: "SESSION_END"
+      event_id: 'SESSION_END'
     });
     if (navigator.sendBeacon) {
-      navigator.sendBeacon("http://localhost:5000/upload-events", data);
+      navigator.sendBeacon("http://data.coreoutline.com/upload-events", data);
     } else {
-      fetch("http://localhost:5000/upload-events", {
+      fetch("http://data.coreoutline.com/upload-events", {
         method: 'POST',
         body: data,
         keepalive: true,
@@ -6454,6 +6456,7 @@ var CoreOutline = function CoreOutline(_ref) {
       });
     }
   };
+  useEffect(function () {}, [events, replayEvents]);
   useEffect(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var handleBeforeUnload, handleVisibilityChange;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -6472,32 +6475,32 @@ var CoreOutline = function CoreOutline(_ref) {
           _context.next = 6;
           return authorizeApp(data_source_id, data_source_secret);
         case 6:
-          localStorage.setItem("coreOutlineSessionId", sessionId);
-          localStorage.setItem("coreOutlineDataSourceIdId", data_source_id);
-          console.log("Session", sessionId);
+          localStorage.setItem('coreOutlineSessionId', sessionId);
+          localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
+          console.log('Session', sessionId);
           socket.send({
-            topic: "session-data",
+            topic: 'session-data',
             data_source_id: data_source_id,
-            session_id: localStorage.getItem("coreOutlineSessionId"),
+            session_id: localStorage.getItem('coreOutlineSessionId'),
             start_date: new Date().toLocaleString(),
             latitude: location.latitude,
             longitude: location.longitude,
             browser: browser,
-            event_id: "SESSION_START"
+            event_id: 'SESSION_START'
           });
           return _context.abrupt("return", function () {
             offLoadFunctionality();
             window.removeEventListener('beforeunload', handleBeforeUnload);
             document.removeEventListener('visibilitychange', handleVisibilityChange);
             socket.send({
-              topic: "session-data",
+              topic: 'session-data',
               data_source_id: data_source_id,
-              session_id: localStorage.getItem("coreOutlineSessionId"),
+              session_id: localStorage.getItem('coreOutlineSessionId'),
               start_date: new Date().toLocaleString(),
               latitude: location.latitude,
               longitude: location.longitude,
               browser: browser,
-              event_id: "SESSION_END"
+              event_id: 'SESSION_END'
             });
           });
         case 11:
@@ -6534,21 +6537,24 @@ var CoreOutline = function CoreOutline(_ref) {
     setEvents(function (prevEvents) {
       return [].concat(_toConsumableArray(prevEvents), [navigationEvent]);
     });
+    localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
+      return [].concat(_toConsumableArray(prevEvents), [navigationEvent]);
+    }));
     var handleNavigation = function handleNavigation() {
       setCurrentPage(window.location.href);
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         page_name: window.location.href,
-        event_id: "PAGE_NAVIGATION"
+        event_id: 'PAGE_NAVIGATION'
       });
     };
-    window.addEventListener("popstate", handleNavigation);
+    window.addEventListener('popstate', handleNavigation);
     var originalPushState = window.history.pushState;
     window.history.pushState = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -6558,12 +6564,12 @@ var CoreOutline = function CoreOutline(_ref) {
       handleNavigation();
     };
     return function () {
-      window.removeEventListener("popstate", handleNavigation);
+      window.removeEventListener('popstate', handleNavigation);
       window.history.pushState = originalPushState;
     };
   }, [currentPage]);
   useEffect(function () {
-    console.log("Location", location);
+    console.log('Location', location);
     getLocation();
   }, []);
   useEffect(function () {
@@ -6574,6 +6580,9 @@ var CoreOutline = function CoreOutline(_ref) {
           setReplayEvents(function (prevEvents) {
             return [].concat(_toConsumableArray(prevEvents), [event]);
           });
+          localStorage.setItem('coreoutlineRawEvents', JSON.stringify(function (prevEvents) {
+            return [].concat(_toConsumableArray(replayEvents), [event]);
+          }));
         },
         maskAllInputs: false,
         maskTextSelector: null
@@ -6592,7 +6601,7 @@ var CoreOutline = function CoreOutline(_ref) {
     if (!recorderActive.current) {
       stopFn = record({
         emit: function emit(event) {
-          console.log("Event:", event);
+          console.log('Event:', event);
           if (event.type == 3 && event.data.type == 2) {
             return;
           }
@@ -6606,11 +6615,14 @@ var CoreOutline = function CoreOutline(_ref) {
             return;
           }
           if (event.type == 3 && event.data.type == 3) {
-            console.log("Contextmenu Event:", event);
+            console.log('Contextmenu Event:', event);
           }
           setEvents(function (prevEvents) {
             return [].concat(_toConsumableArray(prevEvents), [event]);
           });
+          localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
+            return [].concat(_toConsumableArray(prevEvents), [event]);
+          }));
         },
         maskAllInputs: false,
         maskTextSelector: null
@@ -6626,7 +6638,7 @@ var CoreOutline = function CoreOutline(_ref) {
   }, []);
   useEffect(function () {
     var handleClick = function handleClick(event) {
-      console.log("Inner text:", event.target.innerText);
+      console.log('Inner text:', event.target.innerText);
       var clickEvent = {
         type: EventType.IncrementalSnapshot,
         data: {
@@ -6641,11 +6653,11 @@ var CoreOutline = function CoreOutline(_ref) {
       var clickedElement = document.elementFromPoint(clickEvent.data.x, clickEvent.data.y);
       if (clickedElement) {
         clickEvent.data.metadata = {
-          label: clickedElement.getAttribute("data-label") || clickedElement.innerText || null,
-          value: clickedElement.getAttribute("value") || clickedElement.innerText || null,
-          id: clickedElement.getAttribute("id") || clickedElement.innerText || null,
-          name: clickedElement.getAttribute("name") || clickedElement.innerText || null,
-          "class": clickedElement.getAttribute("class") || clickedElement.innerText || null,
+          label: clickedElement.getAttribute('data-label') || clickedElement.innerText || null,
+          value: clickedElement.getAttribute('value') || clickedElement.innerText || null,
+          id: clickedElement.getAttribute('id') || clickedElement.innerText || null,
+          name: clickedElement.getAttribute('name') || clickedElement.innerText || null,
+          "class": clickedElement.getAttribute('class') || clickedElement.innerText || null,
           tag: clickedElement.tagName,
           html: String(clickedElement.getHTML()),
           innerText: event.target.innerText
@@ -6654,37 +6666,40 @@ var CoreOutline = function CoreOutline(_ref) {
       setEvents(function (prevEvents) {
         return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
       });
+      localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
+        return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
+      }));
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: "ITEM_CLICKED"
+        event_id: 'ITEM_CLICKED'
         // item_clicked: event.target,
       });
     };
-    document.addEventListener("click", handleClick);
+    document.addEventListener('click', handleClick);
     return function () {
-      document.removeEventListener("click", handleClick);
+      document.removeEventListener('click', handleClick);
     };
   }, []);
   function saveEventsLocally() {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "formatted" ;
-    var blob = "";
-    if (type === "formatted") {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'formatted' ;
+    var blob = '';
+    if (type === 'formatted') {
       blob = new Blob([JSON.stringify(events, null, 2)], {
-        type: "application/json"
+        type: 'application/json'
       });
-    } else if (type === "raw") {
+    } else if (type === 'raw') {
       blob = new Blob([JSON.stringify(replayEvents, null, 2)], {
-        type: "application/json"
+        type: 'application/json'
       });
     }
     var url = URL.createObjectURL(blob);
-    var a = document.createElement("a");
+    var a = document.createElement('a');
     a.href = url;
     a.download = "".concat(type, "_events.json");
     a.click();
@@ -6692,17 +6707,17 @@ var CoreOutline = function CoreOutline(_ref) {
   }
   function getBrowserInfo() {
     var userAgent = navigator.userAgent;
-    var browserName = "Unknown";
-    if (userAgent.indexOf("Firefox") > -1) {
-      browserName = "Firefox";
-    } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
-      browserName = "Opera";
-    } else if (userAgent.indexOf("Chrome") > -1) {
-      browserName = "Chrome";
-    } else if (userAgent.indexOf("Safari") > -1) {
-      browserName = "Safari";
-    } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident/") > -1) {
-      browserName = "Internet Explorer";
+    var browserName = 'Unknown';
+    if (userAgent.indexOf('Firefox') > -1) {
+      browserName = 'Firefox';
+    } else if (userAgent.indexOf('Opera') > -1 || userAgent.indexOf('OPR') > -1) {
+      browserName = 'Opera';
+    } else if (userAgent.indexOf('Chrome') > -1) {
+      browserName = 'Chrome';
+    } else if (userAgent.indexOf('Safari') > -1) {
+      browserName = 'Safari';
+    } else if (userAgent.indexOf('MSIE') > -1 || userAgent.indexOf('Trident/') > -1) {
+      browserName = 'Internet Explorer';
     }
     return browserName;
   }
@@ -6714,53 +6729,53 @@ var CoreOutline = function CoreOutline(_ref) {
           longitude: position.coords.longitude
         });
       }, function (error) {
-        console.error("Error getting location:", error);
+        console.error('Error getting location:', error);
       });
     } else {
-      console.error("Geolocation is not supported by this browser.");
+      console.error('Geolocation is not supported by this browser.');
     }
   }
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
-      saveEventsLocally("formatted");
-      saveEventsLocally("raw");
+      saveEventsLocally('formatted');
+      saveEventsLocally('raw');
     }
   }, "Save Events Locally"), children);
 };
 var flag_item_clicked = function flag_item_clicked(item_id) {
-  var sessionId = localStorage.getItem("coreOutlineSessionId");
-  var dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
-  console.log("Session", sessionId);
-  console.log("Data Source", dataSourceId);
+  var sessionId = localStorage.getItem('coreOutlineSessionId');
+  var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  console.log('Session', sessionId);
+  console.log('Data Source', dataSourceId);
   socket.send({
-    topic: "session-data",
+    topic: 'session-data',
     data_source_id: dataSourceId,
-    session_id: localStorage.getItem("coreOutlineSessionId"),
+    session_id: localStorage.getItem('coreOutlineSessionId'),
     start_date: new Date().toLocaleString(),
-    event_id: "PRODUCT_CLICKED",
+    event_id: 'PRODUCT_CLICKED',
     item_clicked: item_id
   });
   return {
-    status: "success",
-    message: "Item click flagged successfully."
+    status: 'success',
+    message: 'Item click flagged successfully.'
   };
 };
 var flag_item_purchased = function flag_item_purchased(item_id) {
-  var sessionId = localStorage.getItem("coreOutlineSessionId");
-  var dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
-  console.log("Session", sessionId);
-  console.log("Data Source", dataSourceId);
+  var sessionId = localStorage.getItem('coreOutlineSessionId');
+  var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  console.log('Session', sessionId);
+  console.log('Data Source', dataSourceId);
   socket.send({
-    topic: "session-data",
+    topic: 'session-data',
     data_source_id: dataSourceId,
-    session_id: localStorage.getItem("coreOutlineSessionId"),
+    session_id: localStorage.getItem('coreOutlineSessionId'),
     start_date: new Date().toLocaleString(),
-    event_id: "PRODUCT_PURCHASED",
+    event_id: 'PRODUCT_PURCHASED',
     item_clicked: item_id
   });
   return {
-    status: "success",
-    message: "Item purchase flagged successfully."
+    status: 'success',
+    message: 'Item purchase flagged successfully.'
   };
 };
 

package/dist/index.js

@@ -6355,7 +6355,7 @@ Object.assign(lookup, {
     connect: lookup,
 });
 
-var socket = lookup('http://localhost:8000');
+var socket = lookup('http://streams.coreoutline.com');
 
 var CoreOutline = function CoreOutline(_ref) {
   var children = _ref.children,
@@ -6385,7 +6385,7 @@ var CoreOutline = function CoreOutline(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     browser = _useState10[0];
     _useState10[1];
-  var _useState11 = React.useState(""),
+  var _useState11 = React.useState(''),
     _useState12 = _slicedToArray(_useState11, 2);
     _useState12[0];
     var setAppToken = _useState12[1];
@@ -6403,22 +6403,22 @@ var CoreOutline = function CoreOutline(_ref) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             requestOptions = {
-              method: "POST",
+              method: 'POST',
               headers: {
-                "Content-Type": "application/json"
+                'Content-Type': 'application/json'
               },
               body: JSON.stringify({
                 data_source_id: data_source_id,
                 data_source_secret: data_source_secret
               })
             };
-            response = fetch("http://localhost:4000/data-source/authorize", requestOptions).then(function (response) {
+            response = fetch("http://api.coreoutline.com/data-source/authorize", requestOptions).then(function (response) {
               return response.json();
             }).then(function (data) {
               setAppToken(data.app_token);
               return data;
             })["catch"](function (error) {
-              console.error("Error:", error);
+              console.error('Error:', error);
               return error;
             });
             return _context2.abrupt("return", response);
@@ -6431,26 +6431,28 @@ var CoreOutline = function CoreOutline(_ref) {
     return _authorizeApp.apply(this, arguments);
   }
   var offLoadFunctionality = function offLoadFunctionality() {
+    var formattedEvents = events;
+    var rawEvents = replayEvents;
     var data = JSON.stringify({
       data_source_id: data_source_id,
       sessionId: sessionId,
-      formatted_events: JSON.stringify(events),
-      raw_events: JSON.stringify(replayEvents)
+      formatted_events: formattedEvents,
+      raw_events: rawEvents
     });
     socket.send({
-      topic: "session-data",
+      topic: 'session-data',
       data_source_id: data_source_id,
-      session_id: localStorage.getItem("coreOutlineSessionId"),
+      session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
-      event_id: "SESSION_END"
+      event_id: 'SESSION_END'
     });
     if (navigator.sendBeacon) {
-      navigator.sendBeacon("http://localhost:5000/upload-events", data);
+      navigator.sendBeacon("http://data.coreoutline.com/upload-events", data);
     } else {
-      fetch("http://localhost:5000/upload-events", {
+      fetch("http://data.coreoutline.com/upload-events", {
         method: 'POST',
         body: data,
         keepalive: true,
@@ -6462,6 +6464,7 @@ var CoreOutline = function CoreOutline(_ref) {
       });
     }
   };
+  React.useEffect(function () {}, [events, replayEvents]);
   React.useEffect(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     var handleBeforeUnload, handleVisibilityChange;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -6480,32 +6483,32 @@ var CoreOutline = function CoreOutline(_ref) {
           _context.next = 6;
           return authorizeApp(data_source_id, data_source_secret);
         case 6:
-          localStorage.setItem("coreOutlineSessionId", sessionId);
-          localStorage.setItem("coreOutlineDataSourceIdId", data_source_id);
-          console.log("Session", sessionId);
+          localStorage.setItem('coreOutlineSessionId', sessionId);
+          localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
+          console.log('Session', sessionId);
           socket.send({
-            topic: "session-data",
+            topic: 'session-data',
             data_source_id: data_source_id,
-            session_id: localStorage.getItem("coreOutlineSessionId"),
+            session_id: localStorage.getItem('coreOutlineSessionId'),
             start_date: new Date().toLocaleString(),
             latitude: location.latitude,
             longitude: location.longitude,
             browser: browser,
-            event_id: "SESSION_START"
+            event_id: 'SESSION_START'
           });
           return _context.abrupt("return", function () {
             offLoadFunctionality();
             window.removeEventListener('beforeunload', handleBeforeUnload);
             document.removeEventListener('visibilitychange', handleVisibilityChange);
             socket.send({
-              topic: "session-data",
+              topic: 'session-data',
               data_source_id: data_source_id,
-              session_id: localStorage.getItem("coreOutlineSessionId"),
+              session_id: localStorage.getItem('coreOutlineSessionId'),
               start_date: new Date().toLocaleString(),
               latitude: location.latitude,
               longitude: location.longitude,
               browser: browser,
-              event_id: "SESSION_END"
+              event_id: 'SESSION_END'
             });
           });
         case 11:
@@ -6542,21 +6545,24 @@ var CoreOutline = function CoreOutline(_ref) {
     setEvents(function (prevEvents) {
       return [].concat(_toConsumableArray(prevEvents), [navigationEvent]);
     });
+    localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
+      return [].concat(_toConsumableArray(prevEvents), [navigationEvent]);
+    }));
     var handleNavigation = function handleNavigation() {
       setCurrentPage(window.location.href);
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         page_name: window.location.href,
-        event_id: "PAGE_NAVIGATION"
+        event_id: 'PAGE_NAVIGATION'
       });
     };
-    window.addEventListener("popstate", handleNavigation);
+    window.addEventListener('popstate', handleNavigation);
     var originalPushState = window.history.pushState;
     window.history.pushState = function () {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -6566,12 +6572,12 @@ var CoreOutline = function CoreOutline(_ref) {
       handleNavigation();
     };
     return function () {
-      window.removeEventListener("popstate", handleNavigation);
+      window.removeEventListener('popstate', handleNavigation);
       window.history.pushState = originalPushState;
     };
   }, [currentPage]);
   React.useEffect(function () {
-    console.log("Location", location);
+    console.log('Location', location);
     getLocation();
   }, []);
   React.useEffect(function () {
@@ -6582,6 +6588,9 @@ var CoreOutline = function CoreOutline(_ref) {
           setReplayEvents(function (prevEvents) {
             return [].concat(_toConsumableArray(prevEvents), [event]);
           });
+          localStorage.setItem('coreoutlineRawEvents', JSON.stringify(function (prevEvents) {
+            return [].concat(_toConsumableArray(replayEvents), [event]);
+          }));
         },
         maskAllInputs: false,
         maskTextSelector: null
@@ -6600,7 +6609,7 @@ var CoreOutline = function CoreOutline(_ref) {
     if (!recorderActive.current) {
       stopFn = record({
         emit: function emit(event) {
-          console.log("Event:", event);
+          console.log('Event:', event);
           if (event.type == 3 && event.data.type == 2) {
             return;
           }
@@ -6614,11 +6623,14 @@ var CoreOutline = function CoreOutline(_ref) {
             return;
           }
           if (event.type == 3 && event.data.type == 3) {
-            console.log("Contextmenu Event:", event);
+            console.log('Contextmenu Event:', event);
           }
           setEvents(function (prevEvents) {
             return [].concat(_toConsumableArray(prevEvents), [event]);
           });
+          localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
+            return [].concat(_toConsumableArray(prevEvents), [event]);
+          }));
         },
         maskAllInputs: false,
         maskTextSelector: null
@@ -6634,7 +6646,7 @@ var CoreOutline = function CoreOutline(_ref) {
   }, []);
   React.useEffect(function () {
     var handleClick = function handleClick(event) {
-      console.log("Inner text:", event.target.innerText);
+      console.log('Inner text:', event.target.innerText);
       var clickEvent = {
         type: EventType.IncrementalSnapshot,
         data: {
@@ -6649,11 +6661,11 @@ var CoreOutline = function CoreOutline(_ref) {
       var clickedElement = document.elementFromPoint(clickEvent.data.x, clickEvent.data.y);
       if (clickedElement) {
         clickEvent.data.metadata = {
-          label: clickedElement.getAttribute("data-label") || clickedElement.innerText || null,
-          value: clickedElement.getAttribute("value") || clickedElement.innerText || null,
-          id: clickedElement.getAttribute("id") || clickedElement.innerText || null,
-          name: clickedElement.getAttribute("name") || clickedElement.innerText || null,
-          "class": clickedElement.getAttribute("class") || clickedElement.innerText || null,
+          label: clickedElement.getAttribute('data-label') || clickedElement.innerText || null,
+          value: clickedElement.getAttribute('value') || clickedElement.innerText || null,
+          id: clickedElement.getAttribute('id') || clickedElement.innerText || null,
+          name: clickedElement.getAttribute('name') || clickedElement.innerText || null,
+          "class": clickedElement.getAttribute('class') || clickedElement.innerText || null,
           tag: clickedElement.tagName,
           html: String(clickedElement.getHTML()),
           innerText: event.target.innerText
@@ -6662,37 +6674,40 @@ var CoreOutline = function CoreOutline(_ref) {
       setEvents(function (prevEvents) {
         return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
       });
+      localStorage.setItem('coreoutlineFormattedEvents', JSON.stringify(function (prevEvents) {
+        return [].concat(_toConsumableArray(prevEvents), [clickEvent]);
+      }));
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: "ITEM_CLICKED"
+        event_id: 'ITEM_CLICKED'
         // item_clicked: event.target,
       });
     };
-    document.addEventListener("click", handleClick);
+    document.addEventListener('click', handleClick);
     return function () {
-      document.removeEventListener("click", handleClick);
+      document.removeEventListener('click', handleClick);
     };
   }, []);
   function saveEventsLocally() {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "formatted" ;
-    var blob = "";
-    if (type === "formatted") {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'formatted' ;
+    var blob = '';
+    if (type === 'formatted') {
       blob = new Blob([JSON.stringify(events, null, 2)], {
-        type: "application/json"
+        type: 'application/json'
       });
-    } else if (type === "raw") {
+    } else if (type === 'raw') {
       blob = new Blob([JSON.stringify(replayEvents, null, 2)], {
-        type: "application/json"
+        type: 'application/json'
       });
     }
     var url = URL.createObjectURL(blob);
-    var a = document.createElement("a");
+    var a = document.createElement('a');
     a.href = url;
     a.download = "".concat(type, "_events.json");
     a.click();
@@ -6700,17 +6715,17 @@ var CoreOutline = function CoreOutline(_ref) {
   }
   function getBrowserInfo() {
     var userAgent = navigator.userAgent;
-    var browserName = "Unknown";
-    if (userAgent.indexOf("Firefox") > -1) {
-      browserName = "Firefox";
-    } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
-      browserName = "Opera";
-    } else if (userAgent.indexOf("Chrome") > -1) {
-      browserName = "Chrome";
-    } else if (userAgent.indexOf("Safari") > -1) {
-      browserName = "Safari";
-    } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident/") > -1) {
-      browserName = "Internet Explorer";
+    var browserName = 'Unknown';
+    if (userAgent.indexOf('Firefox') > -1) {
+      browserName = 'Firefox';
+    } else if (userAgent.indexOf('Opera') > -1 || userAgent.indexOf('OPR') > -1) {
+      browserName = 'Opera';
+    } else if (userAgent.indexOf('Chrome') > -1) {
+      browserName = 'Chrome';
+    } else if (userAgent.indexOf('Safari') > -1) {
+      browserName = 'Safari';
+    } else if (userAgent.indexOf('MSIE') > -1 || userAgent.indexOf('Trident/') > -1) {
+      browserName = 'Internet Explorer';
     }
     return browserName;
   }
@@ -6722,53 +6737,53 @@ var CoreOutline = function CoreOutline(_ref) {
           longitude: position.coords.longitude
         });
       }, function (error) {
-        console.error("Error getting location:", error);
+        console.error('Error getting location:', error);
       });
     } else {
-      console.error("Geolocation is not supported by this browser.");
+      console.error('Geolocation is not supported by this browser.');
     }
   }
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
-      saveEventsLocally("formatted");
-      saveEventsLocally("raw");
+      saveEventsLocally('formatted');
+      saveEventsLocally('raw');
     }
   }, "Save Events Locally"), children);
 };
 var flag_item_clicked = function flag_item_clicked(item_id) {
-  var sessionId = localStorage.getItem("coreOutlineSessionId");
-  var dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
-  console.log("Session", sessionId);
-  console.log("Data Source", dataSourceId);
+  var sessionId = localStorage.getItem('coreOutlineSessionId');
+  var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  console.log('Session', sessionId);
+  console.log('Data Source', dataSourceId);
   socket.send({
-    topic: "session-data",
+    topic: 'session-data',
     data_source_id: dataSourceId,
-    session_id: localStorage.getItem("coreOutlineSessionId"),
+    session_id: localStorage.getItem('coreOutlineSessionId'),
     start_date: new Date().toLocaleString(),
-    event_id: "PRODUCT_CLICKED",
+    event_id: 'PRODUCT_CLICKED',
     item_clicked: item_id
   });
   return {
-    status: "success",
-    message: "Item click flagged successfully."
+    status: 'success',
+    message: 'Item click flagged successfully.'
   };
 };
 var flag_item_purchased = function flag_item_purchased(item_id) {
-  var sessionId = localStorage.getItem("coreOutlineSessionId");
-  var dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
-  console.log("Session", sessionId);
-  console.log("Data Source", dataSourceId);
+  var sessionId = localStorage.getItem('coreOutlineSessionId');
+  var dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  console.log('Session', sessionId);
+  console.log('Data Source', dataSourceId);
   socket.send({
-    topic: "session-data",
+    topic: 'session-data',
     data_source_id: dataSourceId,
-    session_id: localStorage.getItem("coreOutlineSessionId"),
+    session_id: localStorage.getItem('coreOutlineSessionId'),
     start_date: new Date().toLocaleString(),
-    event_id: "PRODUCT_PURCHASED",
+    event_id: 'PRODUCT_PURCHASED',
     item_clicked: item_id
   });
   return {
-    status: "success",
-    message: "Item purchase flagged successfully."
+    status: 'success',
+    message: 'Item purchase flagged successfully.'
   };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "core-outline",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "description": "A React component for Core&Outline",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/CoreOutline/CoreOutline.js

@@ -1,10 +1,14 @@
-import React, { useEffect, useRef, useState } from "react";
-import { record } from "rrweb";
-import { v4 } from "uuid";
-import socket from "./socket";
-
-import { EventType, eventWithTime, IncrementalSource, MouseInteractions } from "rrweb";
-
+import React, { use, useEffect, useRef, useState } from 'react';
+import { record } from 'rrweb';
+import { v4 } from 'uuid';
+import socket from './socket';
+
+import {
+  EventType,
+  eventWithTime,
+  IncrementalSource,
+  MouseInteractions,
+} from 'rrweb';
 
 const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
   const [events, setEvents] = useState([]);
@@ -13,69 +17,71 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
   const [currentPage, setCurrentPage] = useState(window.location.href);
   const [location, setLocation] = useState({ latitude: null, longitude: null });
   const [browser, setBrowser] = useState(getBrowserInfo());
-  const [appToken, setAppToken] = useState("");
+  const [appToken, setAppToken] = useState('');
   const [sessionId, setSessionId] = useState(v4());
 
   async function authorizeApp(data_source_id, data_source_secret) {
     const requestOptions = {
-      method: "POST",
+      method: 'POST',
       headers: {
-        "Content-Type": "application/json",
+        'Content-Type': 'application/json',
       },
       body: JSON.stringify({
         data_source_id: data_source_id,
         data_source_secret: data_source_secret,
       }),
     };
-    const response = fetch(`http://localhost:4000/data-source/authorize`, requestOptions)
+    const response = fetch(
+      `http://api.coreoutline.com/data-source/authorize`,
+      requestOptions
+    )
       .then((response) => response.json())
       .then((data) => {
         setAppToken(data.app_token);
         return data;
       })
       .catch((error) => {
-        console.error("Error:", error);
+        console.error('Error:', error);
         return error;
       });
     return response;
   }
 
   const offLoadFunctionality = () => {
+    const formattedEvents = events;
+    const rawEvents = replayEvents;
     const data = JSON.stringify({
       data_source_id: data_source_id,
       sessionId: sessionId,
-      formatted_events: JSON.stringify(events),
-      raw_events: JSON.stringify(replayEvents),
+      formatted_events: formattedEvents,
+      raw_events: rawEvents,
     });
 
     socket.send({
-      topic: "session-data",
+      topic: 'session-data',
       data_source_id: data_source_id,
-      session_id: localStorage.getItem("coreOutlineSessionId"),
+      session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
-      event_id: "SESSION_END",
+      event_id: 'SESSION_END',
     });
 
     if (navigator.sendBeacon) {
-      navigator.sendBeacon(
-        `http://localhost:5000/upload-events`, data
-      );
-    }
-    else {
-      fetch(`http://localhost:5000/upload-events`, {
+      navigator.sendBeacon(`http://data.coreoutline.com/upload-events`, data);
+    } else {
+      fetch(`http://data.coreoutline.com/upload-events`, {
         method: 'POST',
         body: data,
         keepalive: true,
         headers: {
           'Content-Type': 'application/json',
         },
-      }).catch(err => console.error('Upload failed:', err));
+      }).catch((err) => console.error('Upload failed:', err));
     }
   };
-
+  useEffect(() => {}, [events, replayEvents]);
 
   useEffect(async () => {
     const handleBeforeUnload = () => {
@@ -90,18 +96,18 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     window.addEventListener('beforeunload', handleBeforeUnload);
     document.addEventListener('visibilitychange', handleVisibilityChange);
     await authorizeApp(data_source_id, data_source_secret);
-    localStorage.setItem("coreOutlineSessionId", sessionId);
-    localStorage.setItem("coreOutlineDataSourceIdId", data_source_id);
-    console.log("Session", sessionId);
+    localStorage.setItem('coreOutlineSessionId', sessionId);
+    localStorage.setItem('coreOutlineDataSourceIdId', data_source_id);
+    console.log('Session', sessionId);
     socket.send({
-      topic: "session-data",
+      topic: 'session-data',
       data_source_id: data_source_id,
-      session_id: localStorage.getItem("coreOutlineSessionId"),
+      session_id: localStorage.getItem('coreOutlineSessionId'),
       start_date: new Date().toLocaleString(),
       latitude: location.latitude,
       longitude: location.longitude,
       browser: browser,
-      event_id: "SESSION_START",
+      event_id: 'SESSION_START',
     });
 
     return () => {
@@ -109,14 +115,14 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
       window.removeEventListener('beforeunload', handleBeforeUnload);
       document.removeEventListener('visibilitychange', handleVisibilityChange);
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: "SESSION_END",
+        event_id: 'SESSION_END',
       });
     };
   }, []);
@@ -144,22 +150,26 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     });
     observer.observe(document, { childList: true, subtree: true });
     setEvents((prevEvents) => [...prevEvents, navigationEvent]);
+    localStorage.setItem(
+      'coreoutlineFormattedEvents',
+      JSON.stringify((prevEvents) => [...prevEvents, navigationEvent])
+    );
     const handleNavigation = () => {
       setCurrentPage(window.location.href);
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
         page_name: window.location.href,
-        event_id: "PAGE_NAVIGATION",
+        event_id: 'PAGE_NAVIGATION',
       });
     };
 
-    window.addEventListener("popstate", handleNavigation);
+    window.addEventListener('popstate', handleNavigation);
     const originalPushState = window.history.pushState;
     window.history.pushState = function (...args) {
       originalPushState.apply(this, args);
@@ -167,13 +177,13 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     };
 
     return () => {
-      window.removeEventListener("popstate", handleNavigation);
+      window.removeEventListener('popstate', handleNavigation);
       window.history.pushState = originalPushState;
     };
   }, [currentPage]);
 
   useEffect(() => {
-    console.log("Location", location);
+    console.log('Location', location);
     getLocation();
   }, []);
 
@@ -183,6 +193,10 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
       stopFn = record({
         emit(event) {
           setReplayEvents((prevEvents) => [...prevEvents, event]);
+          localStorage.setItem(
+            'coreoutlineRawEvents',
+            JSON.stringify((prevEvents) => [...replayEvents, event])
+          );
         },
         maskAllInputs: false,
         maskTextSelector: null,
@@ -205,7 +219,7 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     if (!recorderActive.current) {
       stopFn = record({
         emit(event) {
-          console.log("Event:", event);
+          console.log('Event:', event);
           if (event.type == 3 && event.data.type == 2) {
             return;
           }
@@ -219,9 +233,13 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
             return;
           }
           if (event.type == 3 && event.data.type == 3) {
-            console.log("Contextmenu Event:", event);
+            console.log('Contextmenu Event:', event);
           }
           setEvents((prevEvents) => [...prevEvents, event]);
+          localStorage.setItem(
+            'coreoutlineFormattedEvents',
+            JSON.stringify((prevEvents) => [...prevEvents, event])
+          );
         },
         maskAllInputs: false,
         maskTextSelector: null,
@@ -241,7 +259,7 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
 
   useEffect(() => {
     const handleClick = (event) => {
-      console.log("Inner text:", event.target.innerText);
+      console.log('Inner text:', event.target.innerText);
       const clickEvent = {
         type: EventType.IncrementalSnapshot,
         data: {
@@ -253,52 +271,76 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
         },
         timestamp: Date.now(),
       };
-      const clickedElement = document.elementFromPoint(clickEvent.data.x, clickEvent.data.y);
+      const clickedElement = document.elementFromPoint(
+        clickEvent.data.x,
+        clickEvent.data.y
+      );
 
       if (clickedElement) {
         clickEvent.data.metadata = {
-          label: clickedElement.getAttribute("data-label") || clickedElement.innerText || null,
-          value: clickedElement.getAttribute("value") || clickedElement.innerText || null,
-          id: clickedElement.getAttribute("id") || clickedElement.innerText || null,
-          name: clickedElement.getAttribute("name") || clickedElement.innerText || null,
-          class: clickedElement.getAttribute("class") || clickedElement.innerText || null,
+          label:
+            clickedElement.getAttribute('data-label') ||
+            clickedElement.innerText ||
+            null,
+          value:
+            clickedElement.getAttribute('value') ||
+            clickedElement.innerText ||
+            null,
+          id:
+            clickedElement.getAttribute('id') ||
+            clickedElement.innerText ||
+            null,
+          name:
+            clickedElement.getAttribute('name') ||
+            clickedElement.innerText ||
+            null,
+          class:
+            clickedElement.getAttribute('class') ||
+            clickedElement.innerText ||
+            null,
           tag: clickedElement.tagName,
           html: String(clickedElement.getHTML()),
           innerText: event.target.innerText,
         };
       }
       setEvents((prevEvents) => [...prevEvents, clickEvent]);
-
+      localStorage.setItem(
+        'coreoutlineFormattedEvents',
+        JSON.stringify((prevEvents) => [...prevEvents, clickEvent])
+      );
       socket.send({
-        topic: "session-data",
+        topic: 'session-data',
         data_source_id: data_source_id,
-        session_id: localStorage.getItem("coreOutlineSessionId"),
+        session_id: localStorage.getItem('coreOutlineSessionId'),
         start_date: new Date().toLocaleString(),
         latitude: location.latitude,
         longitude: location.longitude,
         browser: browser,
-        event_id: "ITEM_CLICKED",
+        event_id: 'ITEM_CLICKED',
         // item_clicked: event.target,
       });
     };
 
-    document.addEventListener("click", handleClick);
+    document.addEventListener('click', handleClick);
 
     return () => {
-      document.removeEventListener("click", handleClick);
+      document.removeEventListener('click', handleClick);
     };
   }, []);
 
-
-  function saveEventsLocally(type = "formatted" || "raw") {
-    let blob = "";
-    if (type === "formatted") {
-      blob = new Blob([JSON.stringify(events, null, 2)], { type: "application/json" });
-    } else if (type === "raw") {
-      blob = new Blob([JSON.stringify(replayEvents, null, 2)], { type: "application/json" });
+  function saveEventsLocally(type = 'formatted' || 'raw') {
+    let blob = '';
+    if (type === 'formatted') {
+      blob = new Blob([JSON.stringify(events, null, 2)], {
+        type: 'application/json',
+      });
+    } else if (type === 'raw') {
+      blob = new Blob([JSON.stringify(replayEvents, null, 2)], {
+        type: 'application/json',
+      });
     }
     const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
+    const a = document.createElement('a');
     a.href = url;
     a.download = `${type}_events.json`;
     a.click();
@@ -307,18 +349,24 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
 
   function getBrowserInfo() {
     const userAgent = navigator.userAgent;
-    let browserName = "Unknown";
-
-    if (userAgent.indexOf("Firefox") > -1) {
-      browserName = "Firefox";
-    } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
-      browserName = "Opera";
-    } else if (userAgent.indexOf("Chrome") > -1) {
-      browserName = "Chrome";
-    } else if (userAgent.indexOf("Safari") > -1) {
-      browserName = "Safari";
-    } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident/") > -1) {
-      browserName = "Internet Explorer";
+    let browserName = 'Unknown';
+
+    if (userAgent.indexOf('Firefox') > -1) {
+      browserName = 'Firefox';
+    } else if (
+      userAgent.indexOf('Opera') > -1 ||
+      userAgent.indexOf('OPR') > -1
+    ) {
+      browserName = 'Opera';
+    } else if (userAgent.indexOf('Chrome') > -1) {
+      browserName = 'Chrome';
+    } else if (userAgent.indexOf('Safari') > -1) {
+      browserName = 'Safari';
+    } else if (
+      userAgent.indexOf('MSIE') > -1 ||
+      userAgent.indexOf('Trident/') > -1
+    ) {
+      browserName = 'Internet Explorer';
     }
 
     return browserName;
@@ -334,11 +382,11 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
           });
         },
         (error) => {
-          console.error("Error getting location:", error);
+          console.error('Error getting location:', error);
         }
       );
     } else {
-      console.error("Geolocation is not supported by this browser.");
+      console.error('Geolocation is not supported by this browser.');
     }
   }
 
@@ -346,8 +394,8 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
     <div>
       <button
         onClick={() => {
-          saveEventsLocally("formatted");
-          saveEventsLocally("raw");
+          saveEventsLocally('formatted');
+          saveEventsLocally('raw');
         }}
       >
         Save Events Locally
@@ -358,35 +406,35 @@ const CoreOutline = ({ children, data_source_id, data_source_secret }) => {
 };
 
 export const flag_item_clicked = (item_id) => {
-  const sessionId = localStorage.getItem("coreOutlineSessionId");
-  const dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
-  console.log("Session", sessionId);
-  console.log("Data Source", dataSourceId);
+  const sessionId = localStorage.getItem('coreOutlineSessionId');
+  const dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  console.log('Session', sessionId);
+  console.log('Data Source', dataSourceId);
   socket.send({
-    topic: "session-data",
+    topic: 'session-data',
     data_source_id: dataSourceId,
-    session_id: localStorage.getItem("coreOutlineSessionId"),
+    session_id: localStorage.getItem('coreOutlineSessionId'),
     start_date: new Date().toLocaleString(),
-    event_id: "PRODUCT_CLICKED",
+    event_id: 'PRODUCT_CLICKED',
     item_clicked: item_id,
   });
-  return { status: "success", message: "Item click flagged successfully." };
+  return { status: 'success', message: 'Item click flagged successfully.' };
 };
 
 export const flag_item_purchased = (item_id) => {
-  const sessionId = localStorage.getItem("coreOutlineSessionId");
-  const dataSourceId = localStorage.getItem("coreOutlineDataSourceIdId");
-  console.log("Session", sessionId);
-  console.log("Data Source", dataSourceId);
+  const sessionId = localStorage.getItem('coreOutlineSessionId');
+  const dataSourceId = localStorage.getItem('coreOutlineDataSourceIdId');
+  console.log('Session', sessionId);
+  console.log('Data Source', dataSourceId);
   socket.send({
-    topic: "session-data",
+    topic: 'session-data',
     data_source_id: dataSourceId,
-    session_id: localStorage.getItem("coreOutlineSessionId"),
+    session_id: localStorage.getItem('coreOutlineSessionId'),
     start_date: new Date().toLocaleString(),
-    event_id: "PRODUCT_PURCHASED",
+    event_id: 'PRODUCT_PURCHASED',
     item_clicked: item_id,
   });
-  return { status: "success", message: "Item purchase flagged successfully." };
+  return { status: 'success', message: 'Item purchase flagged successfully.' };
 };
 
 export default CoreOutline;

package/src/components/CoreOutline/socket.js

@@ -1,3 +1,3 @@
 import { io } from 'socket.io-client';
-const socket = io('http://localhost:8000');
+const socket = io('http://streams.coreoutline.com');
 export default socket;