@bbki.ng/site 5.5.0 → 5.5.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @bbki.ng/site
 
+## 5.5.2
+
+### Patch Changes
+
+- 039575f: fix hash str
+- Updated dependencies [039575f]
+  - @bbki.ng/ui@0.2.2
+
+## 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.2",
   "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.2"
   },
   "devDependencies": {
     "@eslint/compat": "^1.0.0",

package/src/blog/components/effect-layer/hooks/useFingerprintUniforms.ts

@@ -2,13 +2,13 @@ import { useRef } from 'react';
 import { useFingerprint } from '@/hooks/use_fingerprint';
 
 export const useFingerprintUniforms = () => {
-  const { fingerprint, loading } = useFingerprint();
+  const { deviceId, loading } = useFingerprint();
 
   const charsRef = useRef<number[] | null>(null);
   const appliedRef = useRef(false);
 
-  if (!loading && fingerprint && !charsRef.current) {
-    const hash = fingerprint.hash.slice(0, 16);
+  if (!loading && deviceId && !charsRef.current) {
+    const hash = deviceId;
     const chars = [...hash].map(c => parseInt(c, 16) || 0);
     while (chars.length < 16) chars.push(0);
     charsRef.current = chars;
@@ -42,13 +42,6 @@ export const useFingerprintUniforms = () => {
     inst.uniforms.uFpChars4.value[2] = chars[14];
     inst.uniforms.uFpChars4.value[3] = chars[15];
 
-    // console.log('[Fingerprint] Uniforms set:', {
-    //   uFpChars1: inst.uniforms.uFpChars1.value,
-    //   uFpChars2: inst.uniforms.uFpChars2.value,
-    //   uFpChars3: inst.uniforms.uFpChars3.value,
-    //   uFpChars4: inst.uniforms.uFpChars4.value,
-    // });
-
     appliedRef.current = true;
   };
 

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/fingerprints.ts

@@ -330,12 +330,11 @@ export async function getStableDeviceId(): Promise<{ id: string; fp: Fingerprint
 
   // 生成新ID
   const fp = await getFingerprint();
-  const id = `dev_${fp.hash.slice(0, 16)}_${Date.now().toString(36)}`;
 
   localStorage.setItem(
     STORAGE_KEY,
     JSON.stringify({
-      id,
+      id: fp.hash.slice(0, 16),
       ts: Date.now(),
       ua: navigator.userAgent.slice(0, 50),
     })

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) =>