teacupnet-lib 1.0.0 → 1.1.0

package/Analytics/data.controller.js

@@ -3,6 +3,62 @@ const data = {
   form: [],
   page: [],
 };
+const prevData = {
+  button: [],
+  form: [],
+  page: [],
+};
+const clearData = () => {
+  prevData.button = [...data.button];
+  prevData.form = [...data.form];
+  prevData.page = [...data.page];
+  data.button = [];
+  data.form = [];
+  data.page = [];
+};
+
+const getNewData = () => {
+  const newData = {
+    button: [],
+    form: [],
+    page: [],
+  };
+
+  // Compare buttons - only include if not in prevData
+  data.button.forEach((btn) => {
+    const isDuplicate = prevData.button.some(
+      (prevBtn) => prevBtn.button === btn.button && prevBtn.page === btn.page
+    );
+    if (!isDuplicate) {
+      newData.button.push(btn);
+    }
+  });
+
+  // Compare pages - only include if page+percentage combo not in prevData
+  data.page.forEach((pg) => {
+    const isDuplicate = prevData.page.some(
+      (prevPg) =>
+        prevPg.page === pg.page && prevPg.percentage === pg.percentage
+    );
+    if (!isDuplicate) {
+      newData.page.push(pg);
+    }
+  });
+
+  // Compare forms - only include if form+percent combo not in prevData
+  data.form.forEach((frm) => {
+    const isDuplicate = prevData.form.some(
+      (prevFrm) =>
+        prevFrm.form === frm.form && prevFrm.percent === frm.percent
+    );
+    if (!isDuplicate) {
+      newData.form.push(frm);
+    }
+  });
+
+  return newData;
+};
+
 const setData = (type, result) => {
   if (type === 'page') {
     // Find existing page entry
@@ -50,4 +106,4 @@ const setData = (type, result) => {
   return data;
 };
 
-export default { setData, data };
+export default { setData, data, clearData, getNewData };

package/Analytics/identity.js

@@ -0,0 +1,25 @@
+const FINGERPRINT_KEY = 'teacupnet_fingerprint';
+
+export default function fingerprint() {
+  // Check if fingerprint already exists in localStorage
+  const existingFingerprint = localStorage.getItem(FINGERPRINT_KEY);
+  
+  if (existingFingerprint) {
+    return existingFingerprint;
+  }
+
+  // Generate new fingerprint if not found
+  const canvas = document.createElement('canvas');
+  canvas.width = 20;
+  canvas.height = 2220;
+  const ctx = canvas.getContext('2d');
+  ctx.fillText('Hello', 10, 10);
+
+  const data = canvas.toDataURL();
+  const newFingerprint = data.slice(-32);
+  
+  // Store in localStorage for future use
+  localStorage.setItem(FINGERPRINT_KEY, newFingerprint);
+  
+  return newFingerprint;
+}

package/Analytics/save.js

@@ -1,14 +1,27 @@
 import fetchAPI from '../Functions/FetchAPI';
-import fingerprint from './fingerprint';
+import fingerprint from './identity';
 import data from './data.controller';
 import { initial } from '..';
 
 export default function save() {
   setInterval(() => {
-    fetchAPI('api/analytics', 'POST', {
-      data: data.data,
-      initial: initial,
-      fingerprint: fingerprint(),
-    });
+    const newData = data.getNewData();
+    
+    // Check if there's any new data to send
+    const hasNewData =
+      newData.button.length > 0 ||
+      newData.form.length > 0 ||
+      newData.page.length > 0;
+
+    if (hasNewData) {
+      fetchAPI('api/analytics', 'POST', {
+        data: newData,
+        initial: initial,
+        fingerprint: fingerprint(),
+      });
+      
+      // Clear data after sending
+      data.clearData();
+    }
   }, 5000);
 }

package/CHANGELOG.md

@@ -5,6 +5,30 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+
+## [1.1.0] - 2025-12-26
+
+### Added
+- **Duplicate Prevention System**: Analytics data is now compared with previously sent data to prevent duplicates from being stored in the database
+- **LocalStorage Fingerprint**: Visitor fingerprint now persists in localStorage across browser sessions for consistent identification
+- `getNewData()` function in data controller that filters out duplicate analytics before sending
+
+### Changed
+- Fingerprint generation now happens only once per browser and is stored in localStorage with key `teacupnet_fingerprint`
+- Analytics save function now only sends API requests when there is new data to transmit
+- Data comparison logic ensures button clicks, page views, and form interactions are only sent once
+
+### Fixed
+- Duplicate button clicks on the same page are no longer sent multiple times
+- Same page scroll percentages are no longer duplicated in database
+- Form completion percentages only update when they change
+- Reduced unnecessary API calls when no new analytics data is available
+
+### Performance
+- Reduced database writes by filtering duplicates before transmission
+- Reduced network requests by skipping empty data intervals
+- Fingerprint generation optimized to run only once per browser session
+
 ## [1.0.0] - 2025-12-17
 
 ### Added

package/Functions/FetchAPI.js

@@ -7,10 +7,10 @@ export default async function fetchAPI(path, method = 'GET', body = null) {
     body: JSON.stringify(body),
   };
   if (method === 'GET') delete req.body;
-  
-  try {
-    const data = await fetch(`https://teacupnet-backend.vercel.app/${path}`, req);
 
+  try {
+    // const data = await fetch(`https://teacupnet-backend.vercel.app/${path}`, req);
+    const data = await fetch(`http://localhost:3000/${path}`, req);
     return await data.json();
   } catch (error) {
     console.log(error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "teacupnet-lib",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A powerful JavaScript library for integrating TeacupNet analytics and data management. Track user interactions, page views, form completions, and seamlessly connect to the TeacupNet backend.",
   "keywords": [
     "analytics",

package/Analytics/fingerprint.js

@@ -1,10 +0,0 @@
-export default function fingerprint() {
-  const canvas = document.createElement('canvas');
-  canvas.width = 20;
-  canvas.height = 2220;
-  const ctx = canvas.getContext('2d');
-  ctx.fillText('Hello', 10, 10);
-
-  const data = canvas.toDataURL();
-  return data.slice(-32);
-}