@ninetailed/experience.js-next 2.0.1 → 2.1.0

package/index.esm.js

@@ -1,6 +1,7 @@
 import { useNinetailed, NinetailedProvider as NinetailedProvider$1 } from '@ninetailed/experience.js-react';
 export * from '@ninetailed/experience.js-react';
 export * from '@ninetailed/experience.js-plugin-ssr';
+import { logger } from '@ninetailed/experience.js';
 export { decodeExperienceVariantsMap } from '@ninetailed/experience.js';
 import React, { useRef, useEffect } from 'react';
 import { useRouter } from 'next/router';
@@ -1067,9 +1068,20 @@ const Tracker = ({
   } = useNinetailed();
   const lastFiredPageRef = useRef(isFirstPageviewAlreadyTracked ? 'tracked' : 'none');
   useEffect(() => {
+    logger.debug('Ninetailed Next.js Tracker', 'The useEffect hook to listen for route changes got called. On instantiation the last fired page is:', lastFiredPageRef.current);
+
     const handleRouteChange = url => {
-      if (lastFiredPageRef.current !== url && lastFiredPageRef.current !== 'tracked') {
+      const isPageAlreadyTracked = lastFiredPageRef.current === url || lastFiredPageRef.current === 'tracked';
+      logger.debug('Ninetailed Next.js Tracker', 'Handle route change got called.', {
+        url,
+        lastFiredPageUrl: lastFiredPageRef.current,
+        isPageAlreadyTracked
+      });
+
+      if (!isPageAlreadyTracked) {
+        logger.debug('Ninetailed Next.js Tracker', 'Page is not tracked yet, calling the ninetailed.page function.');
         page();
+        logger.debug('Ninetailed Next.js Tracker', 'Page got tracked, setting the last fired page to the current url.', url);
         lastFiredPageRef.current = url;
       }
     };
@@ -1077,6 +1089,7 @@ const Tracker = ({
     handleRouteChange(router.asPath);
     router.events.on('routeChangeStart', handleRouteChange);
     return () => {
+      logger.debug('Ninetailed Next.js Tracker', 'Removing the route change listener, as the useEffect hook got unmounted.');
       router.events.off('routeChangeStart', handleRouteChange);
     };
   }, []);

package/index.umd.js

@@ -52,9 +52,20 @@
       var page = experience_jsReact.useNinetailed().page;
       var lastFiredPageRef = React.useRef(isFirstPageviewAlreadyTracked ? 'tracked' : 'none');
       React.useEffect(function () {
+        experience_js.logger.debug('Ninetailed Next.js Tracker', 'The useEffect hook to listen for route changes got called. On instantiation the last fired page is:', lastFiredPageRef.current);
+
         var handleRouteChange = function handleRouteChange(url) {
-          if (lastFiredPageRef.current !== url && lastFiredPageRef.current !== 'tracked') {
+          var isPageAlreadyTracked = lastFiredPageRef.current === url || lastFiredPageRef.current === 'tracked';
+          experience_js.logger.debug('Ninetailed Next.js Tracker', 'Handle route change got called.', {
+            url: url,
+            lastFiredPageUrl: lastFiredPageRef.current,
+            isPageAlreadyTracked: isPageAlreadyTracked
+          });
+
+          if (!isPageAlreadyTracked) {
+            experience_js.logger.debug('Ninetailed Next.js Tracker', 'Page is not tracked yet, calling the ninetailed.page function.');
             page();
+            experience_js.logger.debug('Ninetailed Next.js Tracker', 'Page got tracked, setting the last fired page to the current url.', url);
             lastFiredPageRef.current = url;
           }
         };
@@ -62,6 +73,7 @@
         handleRouteChange(router$1.asPath);
         router$1.events.on('routeChangeStart', handleRouteChange);
         return function () {
+          experience_js.logger.debug('Ninetailed Next.js Tracker', 'Removing the route change listener, as the useEffect hook got unmounted.');
           router$1.events.off('routeChangeStart', handleRouteChange);
         };
       }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-next",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "peerDependencies": {
     "next": ">=9.0.0",
     "react": ">=16.8.0"
@@ -9,20 +9,20 @@
   "module": "./index.esm.js",
   "typings": "./index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js-react": "2.0.1",
+    "@ninetailed/experience.js-react": "2.1.0",
     "@analytics/google-analytics": "^0.5.3",
     "lodash": "^4.17.21",
-    "@ninetailed/experience.js": "2.0.1",
+    "@ninetailed/experience.js": "2.1.0",
     "analytics": "^0.8.0",
-    "@ninetailed/experience.js-shared": "2.0.1",
+    "@ninetailed/experience.js-shared": "2.1.0",
     "uuid": "^8.3.2",
     "ts-toolbelt": "^9.6.0",
     "locale-enum": "^1.1.1",
     "i18n-iso-countries": "^7.3.0",
-    "loglevel": "^1.8.0",
     "murmurhash-js": "^1.0.0",
+    "diary": "^0.3.1",
     "react-intersection-observer": "^8.33.1",
-    "@ninetailed/experience.js-plugin-ssr": "2.0.1",
+    "@ninetailed/experience.js-plugin-ssr": "2.1.0",
     "node-fetch": "^3.2.3",
     "js-cookie": "^3.0.1"
   }