@ninetailed/experience.js-next 7.5.0 → 7.6.0-beta.1

package/index.cjs

@@ -38,13 +38,11 @@ function __rest(s, e) {
 }
 
 const Tracker = ({
-  isFirstPageviewAlreadyTracked
+  onRouteChange
 }) => {
   const router$1 = router.useRouter();
-  const {
-    page
-  } = experience_jsReact.useNinetailed();
-  const lastFiredPageRef = react.useRef(isFirstPageviewAlreadyTracked ? 'tracked' : 'none');
+  const ninetailed = experience_jsReact.useNinetailed();
+  const lastFiredPageRef = react.useRef('none');
   react.useEffect(() => {
     experience_jsShared.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 => {
@@ -56,7 +54,13 @@ const Tracker = ({
       });
       if (!isPageAlreadyTracked) {
         experience_jsShared.logger.debug('Ninetailed Next.js Tracker', 'Page is not tracked yet, calling the ninetailed.page function.');
-        page();
+        if (typeof onRouteChange === 'function') {
+          onRouteChange({
+            isInitialRoute: lastFiredPageRef.current === 'none'
+          }, ninetailed);
+        } else {
+          ninetailed.page();
+        }
         experience_jsShared.logger.debug('Ninetailed Next.js Tracker', 'Page got tracked, setting the last fired page to the current url.', url);
         lastFiredPageRef.current = url;
       }
@@ -76,9 +80,13 @@ const NinetailedProvider = _a => {
       children
     } = _a,
     props = __rest(_a, ["children"]);
-  return jsxRuntime.jsxs(experience_jsReact.NinetailedProvider, Object.assign({}, props, {
+  const {
+      onRouteChange
+    } = props,
+    providerProps = __rest(props, ["onRouteChange"]);
+  return jsxRuntime.jsxs(experience_jsReact.NinetailedProvider, Object.assign({}, providerProps, {
     children: [jsxRuntime.jsx(Tracker, {
-      isFirstPageviewAlreadyTracked: false
+      onRouteChange: onRouteChange
     }), children]
   }));
 };

package/index.js

@@ -35,13 +35,11 @@ function __rest(s, e) {
 }
 
 const Tracker = ({
-  isFirstPageviewAlreadyTracked
+  onRouteChange
 }) => {
   const router = useRouter();
-  const {
-    page
-  } = useNinetailed();
-  const lastFiredPageRef = useRef(isFirstPageviewAlreadyTracked ? 'tracked' : 'none');
+  const ninetailed = useNinetailed();
+  const lastFiredPageRef = useRef('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 => {
@@ -53,7 +51,13 @@ const Tracker = ({
       });
       if (!isPageAlreadyTracked) {
         logger.debug('Ninetailed Next.js Tracker', 'Page is not tracked yet, calling the ninetailed.page function.');
-        page();
+        if (typeof onRouteChange === 'function') {
+          onRouteChange({
+            isInitialRoute: lastFiredPageRef.current === 'none'
+          }, ninetailed);
+        } else {
+          ninetailed.page();
+        }
         logger.debug('Ninetailed Next.js Tracker', 'Page got tracked, setting the last fired page to the current url.', url);
         lastFiredPageRef.current = url;
       }
@@ -73,9 +77,13 @@ const NinetailedProvider = _a => {
       children
     } = _a,
     props = __rest(_a, ["children"]);
-  return jsxs(NinetailedProvider$1, Object.assign({}, props, {
+  const {
+      onRouteChange
+    } = props,
+    providerProps = __rest(props, ["onRouteChange"]);
+  return jsxs(NinetailedProvider$1, Object.assign({}, providerProps, {
     children: [jsx(Tracker, {
-      isFirstPageviewAlreadyTracked: false
+      onRouteChange: onRouteChange
     }), children]
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-next",
-  "version": "7.5.0",
+  "version": "7.6.0-beta.1",
   "peerDependencies": {
     "next": ">=9.0.0",
     "react": ">=16.8.0"
@@ -11,9 +11,9 @@
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js": "7.5.0",
-    "@ninetailed/experience.js-plugin-ssr": "7.5.0-beta.9",
-    "@ninetailed/experience.js-react": "7.5.0",
-    "@ninetailed/experience.js-shared": "7.5.0"
+    "@ninetailed/experience.js": "7.6.0-beta.1",
+    "@ninetailed/experience.js-plugin-ssr": "7.5.0",
+    "@ninetailed/experience.js-react": "7.6.0-beta.1",
+    "@ninetailed/experience.js-shared": "7.6.0-beta.1"
   }
 }

package/src/lib/NinetailedProvider.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 import { NinetailedProviderProps } from '@ninetailed/experience.js-react';
-export declare const NinetailedProvider: React.FC<React.PropsWithChildren<NinetailedProviderProps>>;
+import { OnRouteChange } from './Tracker';
+export declare const NinetailedProvider: React.FC<React.PropsWithChildren<NinetailedProviderProps & {
+    onRouteChange?: OnRouteChange;
+}>>;

package/src/lib/Tracker.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
+import { NinetailedInstance } from '@ninetailed/experience.js';
+export type OnRouteChange = (routeInfo: {
+    isInitialRoute: boolean;
+}, ninetailed: NinetailedInstance) => void;
 type TrackerProps = {
-    isFirstPageviewAlreadyTracked: boolean;
+    onRouteChange?: OnRouteChange;
 };
 export declare const Tracker: React.FC<React.PropsWithChildren<TrackerProps>>;
 export {};