@trustsig/react 1.2.1 → 1.2.8

package/README.md

@@ -8,10 +8,9 @@ React Context Provider and hooks for TrustSig bot protection.
 npm install @trustsig/react
 ```
 
-## Usage (Next.js App Router)
-
-### 1. Root Layout
+## Usage
 
+### 1. Setup Provider
 Wrap your application or specific routes with the provider.
 
 ```tsx
@@ -20,39 +19,48 @@ import { TrustSigProvider } from '@trustsig/react';
 
 export default function RootLayout({ children }) {
   return (
-    <TrustSigProvider siteKey="YOUR_PUBLIC_KEY" interceptRequests={true}>
+    <TrustSigProvider 
+      siteKey="pk_live_..." 
+      autoScan={true}
+    >
       {children}
     </TrustSigProvider>
   );
 }
 ```
 
-### 2. Usage in Client Components
-
-Use the hook inside any component nested under the provider.
+### 2. Using the Hook
+Use `useTrustSig` to access the analysis methods.
 
 ```tsx
 "use client";
 import { useTrustSig } from '@trustsig/react';
 
-export function LoginForm() {
-  const { getResponse } = useTrustSig();
+export function ActionForm() {
+  const { getResponse, scan, isLoaded } = useTrustSig();
 
   const handleSubmit = async (e) => {
     e.preventDefault();
-    const token = await getResponse();
     
-    await fetch('/api/login', {
-      method: 'POST',
-      headers: { 'X-TrustSig-Response': token || '' },
-      body: JSON.stringify({ email: "user@example.com" })
-    });
+    // Get the current analysis response
+    const response = await getResponse();
+    
+    if (response?.token) {
+      await fetch('/api/secure-action', {
+        method: 'POST',
+        headers: { 
+          'Content-Type': 'application/json',
+          'X-TrustSig-Response': response.token
+        },
+        body: JSON.stringify({ data: "..." })
+      });
+    }
   };
 
   return (
-    <form onSubmit={handleSubmit}>
-      <button type="submit">Login</button>
-    </form>
+    <button onClick={handleSubmit} disabled={!isLoaded}>
+      Submit Secure Action
+    </button>
   );
 }
 ```
@@ -61,5 +69,8 @@ export function LoginForm() {
 
 | Export | Type | Description |
 | --- | --- | --- |
-| `TrustSigProvider` | Component | The React context provider. |
-| `useTrustSig` | Hook | Hook to get the response token and status. |
+| `isLoaded` | `boolean` | True when the TrustSig script has loaded. |
+| `getResponse()` | `Promise<TrustSigResponse>` | Returns the current analysis result. |
+| `scan()` | `Promise<TrustSigResponse>` | Manually triggers a new analysis scan. |
+| `setCustomData(data)` | `void` | Updates custom metadata for subsequent scans. |
+| `error` | `Error \| null` | Error object if script loading failed. |

package/dist/index.cjs

@@ -44,10 +44,9 @@ var import_client = require("@trustsig/client");
 var TrustSigContext = (0, import_react.createContext)(null);
 var TrustSigProvider = ({
   siteKey,
-  endpoint,
-  wasmUrl,
   scriptUrl,
   interceptRequests,
+  autoScan,
   debug,
   nonce,
   env,
@@ -59,16 +58,15 @@ var TrustSigProvider = ({
   const client = (0, import_react.useMemo)(
     () => new import_client.TrustSigClient({
       siteKey,
-      endpoint,
-      wasmUrl,
       scriptUrl,
       interceptRequests,
+      autoScan,
       debug,
       nonce,
       env,
       customData
     }),
-    [siteKey, endpoint, wasmUrl, scriptUrl, interceptRequests, debug, nonce, env, JSON.stringify(customData)]
+    [siteKey, scriptUrl, interceptRequests, autoScan, debug, nonce, env, JSON.stringify(customData)]
   );
   (0, import_react.useEffect)(() => {
     let mounted = true;
@@ -90,6 +88,7 @@ var TrustSigProvider = ({
       isLoaded,
       error,
       getResponse: () => client.getResponse(),
+      scan: () => client.scan(),
       setCustomData: (data) => client.setCustomData(data)
     }),
     [isLoaded, error, client]

package/dist/index.d.cts

@@ -1,18 +1,18 @@
 import React from 'react';
-import { TrustSigEnv } from '@trustsig/types';
+import { TrustSigResponse, TrustSigEnv } from '@trustsig/types';
 
 interface TrustSigContextValue {
     isLoaded: boolean;
     error: Error | null;
-    getResponse: () => Promise<string | null>;
+    getResponse: () => Promise<TrustSigResponse | null>;
+    scan: () => Promise<TrustSigResponse | null>;
     setCustomData: (data: Record<string, any>) => void;
 }
 interface TrustSigProviderProps {
     siteKey: string;
-    endpoint?: string;
-    wasmUrl?: string;
     scriptUrl?: string;
     interceptRequests?: boolean;
+    autoScan?: boolean;
     debug?: boolean;
     nonce?: string;
     env?: TrustSigEnv;

package/dist/index.d.ts

@@ -1,18 +1,18 @@
 import React from 'react';
-import { TrustSigEnv } from '@trustsig/types';
+import { TrustSigResponse, TrustSigEnv } from '@trustsig/types';
 
 interface TrustSigContextValue {
     isLoaded: boolean;
     error: Error | null;
-    getResponse: () => Promise<string | null>;
+    getResponse: () => Promise<TrustSigResponse | null>;
+    scan: () => Promise<TrustSigResponse | null>;
     setCustomData: (data: Record<string, any>) => void;
 }
 interface TrustSigProviderProps {
     siteKey: string;
-    endpoint?: string;
-    wasmUrl?: string;
     scriptUrl?: string;
     interceptRequests?: boolean;
+    autoScan?: boolean;
     debug?: boolean;
     nonce?: string;
     env?: TrustSigEnv;

package/dist/index.js

@@ -7,10 +7,9 @@ import { TrustSigClient } from "@trustsig/client";
 var TrustSigContext = createContext(null);
 var TrustSigProvider = ({
   siteKey,
-  endpoint,
-  wasmUrl,
   scriptUrl,
   interceptRequests,
+  autoScan,
   debug,
   nonce,
   env,
@@ -22,16 +21,15 @@ var TrustSigProvider = ({
   const client = useMemo(
     () => new TrustSigClient({
       siteKey,
-      endpoint,
-      wasmUrl,
       scriptUrl,
       interceptRequests,
+      autoScan,
       debug,
       nonce,
       env,
       customData
     }),
-    [siteKey, endpoint, wasmUrl, scriptUrl, interceptRequests, debug, nonce, env, JSON.stringify(customData)]
+    [siteKey, scriptUrl, interceptRequests, autoScan, debug, nonce, env, JSON.stringify(customData)]
   );
   useEffect(() => {
     let mounted = true;
@@ -53,6 +51,7 @@ var TrustSigProvider = ({
       isLoaded,
       error,
       getResponse: () => client.getResponse(),
+      scan: () => client.scan(),
       setCustomData: (data) => client.setCustomData(data)
     }),
     [isLoaded, error, client]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustsig/react",
-  "version": "1.2.1",
+  "version": "1.2.8",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -20,8 +20,8 @@
     "build": "tsup"
   },
   "dependencies": {
-    "@trustsig/client": "^1.1.11",
-    "@trustsig/types": "^1.1.11"
+    "@trustsig/client": "^1.2.8",
+    "@trustsig/types": "^1.2.8"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",