@thumbmarkjs/thumbmarkjs 1.1.3-rc.2 → 1.1.3-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thumbmarkjs/thumbmarkjs",
-  "version": "1.1.3-rc.2",
+  "version": "1.1.3-rc.3",
   "description": "",
   "type": "module",
   "main": "./dist/thumbmark.cjs.js",

package/src/functions/index.ts

@@ -28,6 +28,7 @@ import { getVersion } from "../utils/version";
 import { filterThumbmarkData } from './filterComponents'
 import { logThumbmarkData } from '../utils/log';
 import { API_ENDPOINT } from "../options";
+import { getVisitorId, setVisitorId } from "../utils/visitorId";
 
 // ===================== Types & Interfaces =====================
 
@@ -58,10 +59,10 @@ interface infoInterface {
  * API response structure
  */
 interface apiResponse {
-    thumbmark?: string;
     info?: infoInterface;
     version?: string;
     components?: componentInterface;
+    visitorId?: string;
 }
 
 /**
@@ -105,6 +106,17 @@ export const getApiPromise = (
 
     // 3. Otherwise, initiate a new API call with timeout.
     const endpoint = `${API_ENDPOINT}/thumbmark`;
+    const visitorId = getVisitorId();
+    const requestBody: any = { 
+        components, 
+        options, 
+        clientHash: hash(JSON.stringify(components)), 
+        version: getVersion()
+    };
+    if (visitorId) {
+        requestBody.visitorId = visitorId;
+    }
+    
     const fetchPromise = fetch(endpoint, {
         method: 'POST',
         headers: {
@@ -112,7 +124,7 @@ export const getApiPromise = (
             'Authorization': 'custom-authorized',
             'Content-Type': 'application/json',
         },
-        body: JSON.stringify({ components, options, clientHash: hash(JSON.stringify(components)), version: getVersion()}),
+        body: JSON.stringify(requestBody),
     })
         .then(response => {
             // Handle HTTP errors that aren't network errors
@@ -122,6 +134,10 @@ export const getApiPromise = (
             return response.json();
         })
         .then(data => {
+            // Handle visitor ID from server response
+            if (data.visitorId && data.visitorId !== visitorId) {
+                setVisitorId(data.visitorId);
+            }
             apiPromiseResult = data;      // Cache the successful result
             currentApiPromise = null;     // Clear the in-flight promise
             return data;
@@ -138,7 +154,6 @@ export const getApiPromise = (
     const timeoutPromise = new Promise<apiResponse>((resolve) => {
         setTimeout(() => {
             resolve({
-                thumbmark: hash(JSON.stringify(components)),
                 info: { timed_out: true },
                 version: getVersion(),
             });

package/src/utils/visitorId.ts

@@ -0,0 +1,27 @@
+/**
+ * Visitor ID storage utilities - localStorage only, server generates IDs
+ */
+
+const VISITOR_ID_KEY = 'thumbmark_visitor_id';
+
+/**
+ * Gets visitor ID from localStorage, returns null if unavailable
+ */
+export function getVisitorId(): string | null {
+    try {
+        return localStorage.getItem(VISITOR_ID_KEY);
+    } catch {
+        return null;
+    }
+}
+
+/**
+ * Sets visitor ID in localStorage
+ */
+export function setVisitorId(visitorId: string): void {
+    try {
+        localStorage.setItem(VISITOR_ID_KEY, visitorId);
+    } catch {
+        // Ignore storage errors
+    }
+}