@mochabug/adapt-react 1.0.0-rc12 → 1.0.0-rc15

package/dist/esm/AdaptCap.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AdaptCapWidget, } from "@mochabug/adapt-web";
+import { forwardRef, useEffect, useRef } from "react";
+// Re-export for direct use
+export { AdaptCapWidget, } from "@mochabug/adapt-web";
+/**
+ * React component for Cap.js proof-of-work challenges.
+ *
+ * Use this component independently of the Adapt iframe component
+ * to solve PoW challenges and get a token for starting sessions.
+ *
+ * @example
+ * ```tsx
+ * import { AdaptCap } from "@mochabug/adapt-react";
+ * import { createConnectClient } from "@mochabug/adapt-core/connect";
+ * import { createAdaptClient } from "@mochabug/adapt-core";
+ *
+ * function MyComponent() {
+ *   const rawClient = createConnectClient({ id: "my-automation" });
+ *
+ *   return (
+ *     <AdaptCap
+ *       automationId="my-automation"
+ *       client={rawClient}
+ *       onSolve={async (token) => {
+ *         const client = createAdaptClient(rawClient, "my-automation");
+ *         await client.run({ challengeToken: token });
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export const AdaptCap = forwardRef(function AdaptCap({ automationId, client, onSolve, onError, workerCount, i18n, darkMode, className, style, }, ref) {
+    const internalRef = useRef(null);
+    const widgetRef = useRef(null);
+    // Merge refs
+    const setRef = (element) => {
+        internalRef.current = element;
+        if (typeof ref === "function") {
+            ref(element);
+        }
+        else if (ref) {
+            ref.current = element;
+        }
+    };
+    useEffect(() => {
+        if (!internalRef.current)
+            return;
+        widgetRef.current = new AdaptCapWidget({
+            container: internalRef.current,
+            automationId,
+            client,
+            onSolve,
+            onError,
+            ...(workerCount !== undefined && { workerCount }),
+            ...(i18n !== undefined && { i18n }),
+        });
+        return () => {
+            widgetRef.current?.destroy();
+            widgetRef.current = null;
+        };
+    }, [automationId, client]);
+    // Update dark mode
+    useEffect(() => {
+        if (darkMode !== undefined) {
+            widgetRef.current?.setDarkMode(darkMode);
+        }
+    }, [darkMode]);
+    return _jsx("div", { ref: setRef, className: className, style: style });
+});

package/dist/esm/index.js

@@ -3,10 +3,12 @@ import { AdaptWebClient, } from "@mochabug/adapt-web";
 import { forwardRef, useEffect, useRef } from "react";
 // Re-export everything from web
 export * from "@mochabug/adapt-web";
+// Export standalone Cap widget component
+export { AdaptCap } from "./AdaptCap.js";
 /**
  * React component for embedding Adapt automations.
  */
-export const Adapt = forwardRef(function Adapt({ id, sessionToken, authToken, transmitter, signals, inheritToken, inheritFrom, forkDisplayMode, sideBySideSplit, dialogBackdropClose, darkMode, autoResizing, onSession, onOutput, classNames, className, style, }, ref) {
+export const Adapt = forwardRef(function Adapt({ id, sessionToken, authToken, transmitter, signals, challengeToken, requiresChallenge, capWidgetOptions, inheritToken, inheritFrom, forkDisplayMode, sideBySideSplit, dialogBackdropClose, darkMode, autoResizing, onSession, onOutput, classNames, className, style, }, ref) {
     const clientRef = useRef(null);
     const internalRef = useRef(null);
     const containerIdRef = useRef(`adapt-${Math.random().toString(36).slice(2, 11)}`);
@@ -29,6 +31,9 @@ export const Adapt = forwardRef(function Adapt({ id, sessionToken, authToken, tr
             authToken,
             transmitter,
             signals,
+            challengeToken,
+            requiresChallenge,
+            capWidgetOptions,
             inheritToken,
             inheritFrom,
             forkDisplayMode,

package/dist/types/AdaptCap.d.ts

@@ -0,0 +1,42 @@
+import { type AdaptCapWidgetOptions } from "@mochabug/adapt-web";
+export { AdaptCapWidget, type AdaptCapWidgetOptions, } from "@mochabug/adapt-web";
+/**
+ * Props for the AdaptCap React component.
+ */
+export interface AdaptCapProps extends Omit<AdaptCapWidgetOptions, "container"> {
+    /** CSS class name for the container */
+    className?: string;
+    /** Inline styles for the container */
+    style?: React.CSSProperties;
+    /** Enable dark mode styling */
+    darkMode?: boolean;
+}
+/**
+ * React component for Cap.js proof-of-work challenges.
+ *
+ * Use this component independently of the Adapt iframe component
+ * to solve PoW challenges and get a token for starting sessions.
+ *
+ * @example
+ * ```tsx
+ * import { AdaptCap } from "@mochabug/adapt-react";
+ * import { createConnectClient } from "@mochabug/adapt-core/connect";
+ * import { createAdaptClient } from "@mochabug/adapt-core";
+ *
+ * function MyComponent() {
+ *   const rawClient = createConnectClient({ id: "my-automation" });
+ *
+ *   return (
+ *     <AdaptCap
+ *       automationId="my-automation"
+ *       client={rawClient}
+ *       onSolve={async (token) => {
+ *         const client = createAdaptClient(rawClient, "my-automation");
+ *         await client.run({ challengeToken: token });
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare const AdaptCap: import("react").ForwardRefExoticComponent<AdaptCapProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/index.d.ts

@@ -1,9 +1,10 @@
 import { type AdaptWebClientOptions } from "@mochabug/adapt-web";
 export * from "@mochabug/adapt-web";
+export { AdaptCap, type AdaptCapProps } from "./AdaptCap.js";
 /**
  * Props for the Adapt React component.
  */
-export interface AdaptProps extends Pick<AdaptWebClientOptions, "id" | "sessionToken" | "authToken" | "transmitter" | "signals" | "inheritToken" | "inheritFrom" | "forkDisplayMode" | "sideBySideSplit" | "dialogBackdropClose" | "darkMode" | "autoResizing" | "onSession" | "onOutput" | "classNames"> {
+export interface AdaptProps extends Pick<AdaptWebClientOptions, "id" | "sessionToken" | "authToken" | "transmitter" | "signals" | "challengeToken" | "requiresChallenge" | "capWidgetOptions" | "inheritToken" | "inheritFrom" | "forkDisplayMode" | "sideBySideSplit" | "dialogBackdropClose" | "darkMode" | "autoResizing" | "onSession" | "onOutput" | "classNames"> {
     /** CSS class name for the container */
     className?: string;
     /** Inline styles for the container */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mochabug/adapt-react",
-  "version": "1.0.0-rc12",
+  "version": "1.0.0-rc15",
   "description": "React component for Adapt automation platform",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -37,6 +37,6 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@mochabug/adapt-web": "^1.0.0-rc34"
+    "@mochabug/adapt-web": "^1.0.0-rc37"
   }
 }