@neroom/nevision 0.1.6 → 0.1.7

package/dist/index.js

@@ -124,7 +124,6 @@ function NevisionRecorder({
   const stopFnRef = (0, import_react.useRef)(null);
   const chunkIndexRef = (0, import_react.useRef)(0);
   const eventStoreRef = (0, import_react.useRef)(null);
-  const initializedRef = (0, import_react.useRef)(false);
   const onStartRef = (0, import_react.useRef)(onStart);
   const onErrorRef = (0, import_react.useRef)(onError);
   const samplingRef = (0, import_react.useRef)(sampling);
@@ -134,16 +133,16 @@ function NevisionRecorder({
   samplingRef.current = sampling;
   privacyRef.current = privacy;
   (0, import_react.useEffect)(() => {
-    if (initializedRef.current) {
-      return;
-    }
-    initializedRef.current = true;
+    let isActive = true;
     let intervalId;
+    let sessionStartTime = 0;
     const init = async () => {
       try {
         eventStoreRef.current = new EventStore();
         await retrySendPendingChunks(apiUrl);
+        if (!isActive) return;
         const { record } = await import("rrweb");
+        if (!isActive) return;
         const startResponse = await fetch(`${apiUrl}/public/recordings/start`, {
           method: "POST",
           headers: {
@@ -164,8 +163,10 @@ function NevisionRecorder({
         if (!startResponse.ok) {
           throw new Error(`Failed to start recording: ${startResponse.status}`);
         }
+        if (!isActive) return;
         const { sessionId } = await startResponse.json();
         sessionIdRef.current = sessionId;
+        sessionStartTime = Date.now();
         onStartRef.current?.(sessionId);
         const currentSampling = samplingRef.current;
         const currentPrivacy = privacyRef.current;
@@ -324,22 +325,27 @@ function NevisionRecorder({
       }
     };
     const endSession = (url, sessionId) => {
+      const durationMs = sessionStartTime > 0 ? Date.now() - sessionStartTime : 0;
       navigator.sendBeacon?.(
         `${url}/public/recordings/end`,
         new Blob(
-          [JSON.stringify({ sessionId, siteId, apiKey })],
+          [JSON.stringify({ sessionId, durationMs })],
           { type: "application/json" }
         )
       );
     };
     init();
     return () => {
+      isActive = false;
       clearInterval(intervalId);
       stopFnRef.current?.();
       if (sessionIdRef.current) {
         sendChunk(apiUrl, sessionIdRef.current, true);
         endSession(apiUrl, sessionIdRef.current);
       }
+      sessionIdRef.current = null;
+      chunkIndexRef.current = 0;
+      eventsBufferRef.current = [];
     };
   }, [siteId, apiKey, apiUrl]);
   return null;

package/dist/index.mjs

@@ -90,7 +90,6 @@ function NevisionRecorder({
   const stopFnRef = useRef(null);
   const chunkIndexRef = useRef(0);
   const eventStoreRef = useRef(null);
-  const initializedRef = useRef(false);
   const onStartRef = useRef(onStart);
   const onErrorRef = useRef(onError);
   const samplingRef = useRef(sampling);
@@ -100,16 +99,16 @@ function NevisionRecorder({
   samplingRef.current = sampling;
   privacyRef.current = privacy;
   useEffect(() => {
-    if (initializedRef.current) {
-      return;
-    }
-    initializedRef.current = true;
+    let isActive = true;
     let intervalId;
+    let sessionStartTime = 0;
     const init = async () => {
       try {
         eventStoreRef.current = new EventStore();
         await retrySendPendingChunks(apiUrl);
+        if (!isActive) return;
         const { record } = await import("rrweb");
+        if (!isActive) return;
         const startResponse = await fetch(`${apiUrl}/public/recordings/start`, {
           method: "POST",
           headers: {
@@ -130,8 +129,10 @@ function NevisionRecorder({
         if (!startResponse.ok) {
           throw new Error(`Failed to start recording: ${startResponse.status}`);
         }
+        if (!isActive) return;
         const { sessionId } = await startResponse.json();
         sessionIdRef.current = sessionId;
+        sessionStartTime = Date.now();
         onStartRef.current?.(sessionId);
         const currentSampling = samplingRef.current;
         const currentPrivacy = privacyRef.current;
@@ -290,22 +291,27 @@ function NevisionRecorder({
       }
     };
     const endSession = (url, sessionId) => {
+      const durationMs = sessionStartTime > 0 ? Date.now() - sessionStartTime : 0;
       navigator.sendBeacon?.(
         `${url}/public/recordings/end`,
         new Blob(
-          [JSON.stringify({ sessionId, siteId, apiKey })],
+          [JSON.stringify({ sessionId, durationMs })],
           { type: "application/json" }
         )
       );
     };
     init();
     return () => {
+      isActive = false;
       clearInterval(intervalId);
       stopFnRef.current?.();
       if (sessionIdRef.current) {
         sendChunk(apiUrl, sessionIdRef.current, true);
         endSession(apiUrl, sessionIdRef.current);
       }
+      sessionIdRef.current = null;
+      chunkIndexRef.current = 0;
+      eventsBufferRef.current = [];
     };
   }, [siteId, apiKey, apiUrl]);
   return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neroom/nevision",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "React SDK for NEROOM/NEVISION session recording",
   "main": "dist/index.js",
   "module": "dist/index.mjs",