countly-sdk-web 22.2.2 → 22.2.3

package/examples/react/src/Components/Home.js

@@ -1,24 +1,24 @@
-import React from 'react';
-
-import Users from './Users';
-import countlyImage from './countly.jpg';
-
-function Home() {
-    let userIndex = localStorage.getItem("clydemo-user");
-    let user = {};
-
-    if (userIndex !== undefined && userIndex !== null) {
-        user = Users[userIndex] || {};
-    }
-
-    return (
-        <div>
-            <center>
-                <img src={countlyImage} alt="Home"></img>
-                <h1>Welcome {user.name}</h1>
-            </center>
-        </div>
-    );
-}
-
+import React from 'react';
+
+import Users from './Users';
+import countlyImage from './countly.jpg';
+
+function Home() {
+    let userIndex = localStorage.getItem("clydemo-user");
+    let user = {};
+
+    if (userIndex !== undefined && userIndex !== null) {
+        user = Users[userIndex] || {};
+    }
+
+    return (
+        <div>
+            <center>
+                <img src={countlyImage} alt="Home"></img>
+                <h1>Welcome {user.name}</h1>
+            </center>
+        </div>
+    );
+}
+
 export default Home;

package/examples/react/src/Components/Users.js

@@ -1,44 +1,44 @@
-const Users = [
-    {
-        "device_id": "prikshit",
-        "name": "Prikshit",
-        "username": "prikshit",
-        "email": "prikshit@cly.com",
-        "organization": "Google",
-        "phone": "+919882201994",
-        "gender": "M",
-        "byear": "1994"
-    },
-    {
-        "device_id": "alex",
-        "name": "Alex",
-        "username": "alex",
-        "email": "alex@cly.com",
-        "organization": "Amazom",
-        "phone": "+919882202010",
-        "gender": "M",
-        "byear": "2010"
-    },
-    {
-        "device_id": "hannah",
-        "name": "Hannah",
-        "username": "hannah",
-        "email": "hannah@cly.com",
-        "organization": "Facebook",
-        "phone": "+919882202000",
-        "gender": "F",
-        "byear": "2000"
-    },
-    {
-        "device_id": "jarvis",
-        "name": "Jarvis",
-        "username": "jarvis",
-        "email": "jarvis@cly.com",
-        "organization": "Tony Stark corp",
-        "phone": "+919882202013",
-        "gender": "F",
-        "byear": "2013"
-    },
-];
-
+const Users = [
+    {
+        "device_id": "prikshit",
+        "name": "Prikshit",
+        "username": "prikshit",
+        "email": "prikshit@cly.com",
+        "organization": "Google",
+        "phone": "+919882201994",
+        "gender": "M",
+        "byear": "1994"
+    },
+    {
+        "device_id": "alex",
+        "name": "Alex",
+        "username": "alex",
+        "email": "alex@cly.com",
+        "organization": "Amazom",
+        "phone": "+919882202010",
+        "gender": "M",
+        "byear": "2010"
+    },
+    {
+        "device_id": "hannah",
+        "name": "Hannah",
+        "username": "hannah",
+        "email": "hannah@cly.com",
+        "organization": "Facebook",
+        "phone": "+919882202000",
+        "gender": "F",
+        "byear": "2000"
+    },
+    {
+        "device_id": "jarvis",
+        "name": "Jarvis",
+        "username": "jarvis",
+        "email": "jarvis@cly.com",
+        "organization": "Tony Stark corp",
+        "phone": "+919882202013",
+        "gender": "F",
+        "byear": "2013"
+    },
+];
+
 export default Users;

package/examples/react/src/Components/styles.css

@@ -1,26 +1,26 @@
-.link {
-    text-decoration: none;
-    padding: 20px;
-    color: #000;
-}
-
-.contact {
-    text-align: center;
-}
-
-.header {
-    width: 100%;
-    height: 100px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: #cff96b;
-}
-
-.email-us {
-    padding: 20px;
-    font-size: 20px;
-    background-color: #cff96b;
-    border: none;
-    border-radius: 2px;
+.link {
+    text-decoration: none;
+    padding: 20px;
+    color: #000;
+}
+
+.contact {
+    text-align: center;
+}
+
+.header {
+    width: 100%;
+    height: 100px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #cff96b;
+}
+
+.email-us {
+    padding: 20px;
+    font-size: 20px;
+    background-color: #cff96b;
+    border: none;
+    border-radius: 2px;
 }

package/examples/react/src/ErrorBoundary.js

@@ -1,28 +1,28 @@
-import React from "react";
-import Countly from "countly-sdk-web";
-
-// Error boundaries only apply to errors that happen during rendering.
-// So errors originating anywhere else will not trigger this mechanism.
-// This includes errors in event handlers, and errors in async calls (e.g. setTimeout(...) and similar).
-
-// Production and development builds of React slightly differ in the way componentDidCatch() handles errors.
-
-// On development, the errors will bubble up to window, this means that any window.onerror or
-// window.addEventListener('error', callback) will intercept the errors that have been caught by componentDidCatch().
-
-// On production, instead, the errors will not bubble up, which means any ancestor error handler will
-// only receive errors not explicitly caught by componentDidCatch().
-
-class ErrorBoundary extends React.Component {
-    componentDidCatch(error, errorInfo) {
-        //You can provide your own segments here too.
-        let segments = {};
-        Countly.q.push(["log_error", error, segments]);
-    }
-
-    render() {
-        return this.props.children;
-    }
-}
-
-export default ErrorBoundary;
+import React from "react";
+import Countly from "countly-sdk-web";
+
+// Error boundaries only apply to errors that happen during rendering.
+// So errors originating anywhere else will not trigger this mechanism.
+// This includes errors in event handlers, and errors in async calls (e.g. setTimeout(...) and similar).
+
+// Production and development builds of React slightly differ in the way componentDidCatch() handles errors.
+
+// On development, the errors will bubble up to window, this means that any window.onerror or
+// window.addEventListener('error', callback) will intercept the errors that have been caught by componentDidCatch().
+
+// On production, instead, the errors will not bubble up, which means any ancestor error handler will
+// only receive errors not explicitly caught by componentDidCatch().
+
+class ErrorBoundary extends React.Component {
+    componentDidCatch(error, errorInfo) {
+        //You can provide your own segments here too.
+        let segments = {};
+        Countly.q.push(["log_error", error, segments]);
+    }
+
+    render() {
+        return this.props.children;
+    }
+}
+
+export default ErrorBoundary;

package/examples/react/src/Location-WithEffect.js

@@ -1,27 +1,27 @@
-import React from 'react';
-import {
-  useLocation
-} from "react-router-dom";
-
-import Countly from 'countly-sdk-web';
-
-const Location = (props) => {
-  const location = useLocation();
-
-  React.useEffect(() => {
-    //You can also check for page redirect logic or going back/forward from the browser logic here
-    //Check if pathname is not changing dont track the view
-    //So that you dont end up tracking the same view again and again
-    Countly.q.push(['track_pageview', location.pathname]);
-    // Initialize rating widget popup by current page/pathname
-    Countly.q.push(['initializeRatingWidgets']);
-  }, [location]);
-
-  return (
-    <React.Fragment>
-      {props.children}
-    </React.Fragment>
-  );
-}
-
-export default Location;
+import React from 'react';
+import {
+  useLocation
+} from "react-router-dom";
+
+import Countly from 'countly-sdk-web';
+
+const Location = (props) => {
+  const location = useLocation();
+
+  React.useEffect(() => {
+    //You can also check for page redirect logic or going back/forward from the browser logic here
+    //Check if pathname is not changing dont track the view
+    //So that you dont end up tracking the same view again and again
+    Countly.q.push(['track_pageview', location.pathname]);
+    // Initialize rating widget popup by current page/pathname
+    Countly.q.push(['initializeRatingWidgets']);
+  }, [location]);
+
+  return (
+    <React.Fragment>
+      {props.children}
+    </React.Fragment>
+  );
+}
+
+export default Location;

package/examples/react/src/Location-WithRouter.js

@@ -1,24 +1,24 @@
-import React from 'react';
-import {
-  withRouter
-} from "react-router-dom";
-
-import Countly from 'countly-sdk-web';
-
-class Location extends React.Component {
-    componentDidUpdate(prevProps) {
-      if (this.props.location.pathname !== prevProps.location.pathname) {
-        Countly.q.push(["track_pageview", this.props.location.pathname]);
-      }
-    }
-  
-    render () {
-      return (
-        <React.Fragment>
-          {this.props.children}
-        </React.Fragment>
-      )
-    }
-}
-
+import React from 'react';
+import {
+  withRouter
+} from "react-router-dom";
+
+import Countly from 'countly-sdk-web';
+
+class Location extends React.Component {
+    componentDidUpdate(prevProps) {
+      if (this.props.location.pathname !== prevProps.location.pathname) {
+        Countly.q.push(["track_pageview", this.props.location.pathname]);
+      }
+    }
+  
+    render () {
+      return (
+        <React.Fragment>
+          {this.props.children}
+        </React.Fragment>
+      )
+    }
+}
+
 export default withRouter(Location);

package/examples/react/src/index.css

@@ -1,6 +1,6 @@
-body {
-  margin: 0;
-  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+body {
+  margin: 0;
+  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }

package/examples/react/src/index.js

@@ -1,68 +1,68 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App-WithEffect';
-import * as serviceWorker from './serviceWorker';
-import Countly from 'countly-sdk-web';
-
-//Exposing Countly to the DOM as a global variable
-//Usecase - Heatmaps
-window.Countly = Countly;
-Countly.init({
-    app_key: 'YOUR_APP_KEY',
-    url: 'YOUR_SERVER_URL',
-    session_update: 10,
-    use_session_cookie: true,
-    debug: false,
-    require_consent: true,
-    namespace: "react-demo",
-    inactivity_time: 1,
-    offline_mode: false,
-    // device_id: "cly-device-demo-id" //Set only if you want dont want to use countly generated device_id
-});
-
-//Since Countly is loaded and available, you can use synchronus or asynchronus calls, does not matter
-Countly.q.push(['group_features', {
-    activity: ["sessions", "events", "views", "location"],
-    interaction: ["scrolls", "clicks", "crashes"],
-    whereabouts: ["users"]
-}]);
-
-if (typeof(localStorage) !== "undefined") {
-    var consents = localStorage.getItem("consents");
-
-    if(consents){
-        Countly.q.push(['add_consent', JSON.parse(consents)]);
-    }
-    else{
-        var consent = window.confirm("We are going to track you. Do you give your consent ?");
-        consents = ["activity", "interaction", "whereabouts"];
-        if(consent) {
-            Countly.q.push(['add_consent', consents]);
-            localStorage.setItem("consents", JSON.stringify(consents));
-        }
-        else {
-            Countly.q.push(['remove_consent', consents]);
-            localStorage.removeItem("consents");
-        }
-    }
-}
-
-Countly.q.push(['enableRatingWidgets', {'widgets': ['widget-id-1','widget-id-2']}]);
-Countly.q.push(['track_sessions']);
-Countly.q.push(['track_scrolls']);
-Countly.q.push(['track_clicks']);
-Countly.q.push(['track_links']);
-Countly.q.push(["track_errors"]);
-
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App-WithEffect';
+import * as serviceWorker from './serviceWorker';
+import Countly from 'countly-sdk-web';
+
+//Exposing Countly to the DOM as a global variable
+//Usecase - Heatmaps
+window.Countly = Countly;
+Countly.init({
+    app_key: 'YOUR_APP_KEY',
+    url: 'YOUR_SERVER_URL',
+    session_update: 10,
+    use_session_cookie: true,
+    debug: false,
+    require_consent: true,
+    namespace: "react-demo",
+    inactivity_time: 1,
+    offline_mode: false,
+    // device_id: "cly-device-demo-id" //Set only if you want dont want to use countly generated device_id
+});
+
+//Since Countly is loaded and available, you can use synchronus or asynchronus calls, does not matter
+Countly.q.push(['group_features', {
+    activity: ["sessions", "events", "views", "location"],
+    interaction: ["scrolls", "clicks", "crashes"],
+    whereabouts: ["users"]
+}]);
+
+if (typeof(localStorage) !== "undefined") {
+    var consents = localStorage.getItem("consents");
+
+    if(consents){
+        Countly.q.push(['add_consent', JSON.parse(consents)]);
+    }
+    else{
+        var consent = window.confirm("We are going to track you. Do you give your consent ?");
+        consents = ["activity", "interaction", "whereabouts"];
+        if(consent) {
+            Countly.q.push(['add_consent', consents]);
+            localStorage.setItem("consents", JSON.stringify(consents));
+        }
+        else {
+            Countly.q.push(['remove_consent', consents]);
+            localStorage.removeItem("consents");
+        }
+    }
+}
+
+Countly.q.push(['enableRatingWidgets', {'widgets': ['widget-id-1','widget-id-2']}]);
+Countly.q.push(['track_sessions']);
+Countly.q.push(['track_scrolls']);
+Countly.q.push(['track_clicks']);
+Countly.q.push(['track_links']);
+Countly.q.push(["track_errors"]);
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);
+
+// If you want your app to work offline and load faster, you can change
+// unregister() to register() below. Note this comes with some pitfalls.
+// Learn more about service workers: https://bit.ly/CRA-PWA
+serviceWorker.unregister();