@bbki.ng/site 5.5.0 → 5.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @bbki.ng/site
 
+## 5.5.1
+
+### Patch Changes
+
+- 3c2834a: track device activity
+- Updated dependencies [3c2834a]
+  - @bbki.ng/ui@0.2.1
+
 ## 5.5.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.5.0",
+  "version": "5.5.1",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -14,7 +14,7 @@
     "react-dom": "^18.0.0",
     "react-router-dom": "6",
     "swr": "^2.2.5",
-    "@bbki.ng/ui": "0.2.0"
+    "@bbki.ng/ui": "0.2.1"
   },
   "devDependencies": {
     "@eslint/compat": "^1.0.0",

package/src/blog/hooks/use_fingerprint.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState, useCallback } from 'react';
-import { getFingerprint, getStableDeviceId, FingerprintData } from '@/utils/fingerprints';
+import { getStableDeviceId, FingerprintData } from '@/utils/fingerprints';
 
 interface UseFingerprintReturn {
   deviceId: string | null;

package/src/blog/utils/index.ts

@@ -1,5 +1,6 @@
 import { API_ENDPOINT } from '@/constants/routes';
 import { FontType } from '@/types/font';
+import { getFingerprint, getStableDeviceId } from './fingerprints';
 
 type Fetcher = (resource: string, init?: any) => Promise<any>;
 
@@ -7,10 +8,13 @@ export const floatNumberToPercentageString = (num: number): string => {
   return `${num * 100}%`;
 };
 
-export const baseFetcher = (resource: string, init: RequestInit = {}) =>
-  // enable cors
-  fetch(resource, {
+export const baseFetcher = async (resource: string, init: RequestInit = {}) => {
+  const headers = new Headers(init.headers || {});
+  const fp = await getFingerprint();
+  headers.set('X-Device-Fingerprint', fp.hash);
+  return fetch(resource, {
     ...init,
+    headers,
     mode: 'cors',
   }).then(res => {
     if (!res.ok) {
@@ -19,6 +23,7 @@ export const baseFetcher = (resource: string, init: RequestInit = {}) =>
 
     return res.json();
   });
+};
 
 export const withBBApi =
   (fetcher: Fetcher) =>