@mochabug/adapt-react 1.0.0-rc1 → 1.0.0-rc3

package/README.md

@@ -11,15 +11,15 @@ Requires React 17, 18, or 19.
 ## Quickstart
 
 ```tsx
-import { AdaptAutomation } from '@mochabug/adapt-react';
+import { Adapt } from '@mochabug/adapt-react';
 
-<AdaptAutomation id="auto-123" style={{ height: 600 }} />
+<Adapt id="auto-123" style={{ height: 600 }} />
 ```
 
 If the automation requires authentication:
 
 ```tsx
-<AdaptAutomation id="auto-123" authToken="your-token" style={{ height: 600 }} />
+<Adapt id="auto-123" authToken="your-token" style={{ height: 600 }} />
 ```
 
 ## SSR (Next.js)
@@ -39,16 +39,10 @@ export default async function Page() {
 
 // components/AutomationClient.tsx (Client Component)
 'use client';
-import { AdaptAutomation } from '@mochabug/adapt-react';
+import { Adapt } from '@mochabug/adapt-react';
 
 export function AutomationClient({ sessionToken }) {
-  return (
-    <AdaptAutomation
-      id="auto-123"
-      sessionToken={sessionToken}
-      style={{ height: 600 }}
-    />
-  );
+  return <Adapt id="auto-123" sessionToken={sessionToken} style={{ height: 600 }} />;
 }
 ```
 
@@ -56,40 +50,64 @@ export function AutomationClient({ sessionToken }) {
 
 ```tsx
 // direct
-<AdaptAutomation id="auto-123" inheritToken="token-from-parent" />
+<Adapt id="auto-123" inheritToken="token-from-parent" />
 
 // from URL hash: example.com#mb_session=xxx
-<AdaptAutomation id="auto-123" inheritFrom={{ hash: 'mb_session' }} />
+<Adapt id="auto-123" inheritFrom={{ hash: 'mb_session' }} />
 ```
 
 ## Fork display
 
 ```tsx
 // side-by-side
-<AdaptAutomation
-  id="auto-123"
-  forkDisplayMode="side-by-side"
-  sideBySideSplit={60}
-/>
+<Adapt id="auto-123" forkDisplayMode="side-by-side" sideBySideSplit={60} />
 
 // dialog
-<AdaptAutomation
-  id="auto-123"
-  forkDisplayMode="dialog"
-  dialogBackdropClose
-/>
+<Adapt id="auto-123" forkDisplayMode="dialog" dialogBackdropClose />
 ```
 
 ## Callbacks
 
 ```tsx
-<AdaptAutomation
+<Adapt
   id="auto-123"
   onSession={(status, fork) => console.log(status, fork)}
   onOutput={(output) => console.log(output)}
 />
 ```
 
+## Advanced: Multiple transmitters or initial signals
+
+For automations with multiple entry points or when you need to pass initial data:
+
+```tsx
+import { Adapt, type SignalDataJson } from '@mochabug/adapt-react';
+
+// Start from a specific transmitter
+<Adapt
+  id="auto-123"
+  authToken="your-token"
+  transmitter="my-transmitter"
+  style={{ height: 600 }}
+/>
+
+// Start with initial signals (data must be base64 encoded)
+const signals: { [key: string]: SignalDataJson } = {
+  'input': {
+    mimeType: 'text/plain',
+    data: btoa('Hello World')
+  }
+};
+
+<Adapt
+  id="auto-123"
+  authToken="your-token"
+  transmitter="file-processor"
+  signals={signals}
+  style={{ height: 600 }}
+/>
+```
+
 ## Props
 
 | Prop | Type |
@@ -97,6 +115,8 @@ export function AutomationClient({ sessionToken }) {
 | `id` | `string` (required) |
 | `sessionToken` | `string` |
 | `authToken` | `string` |
+| `transmitter` | `string` |
+| `signals` | `{ [key: string]: SignalDataJson }` |
 | `inheritToken` | `string` |
 | `inheritFrom` | `{ hash: string } \| { param: string }` |
 | `forkDisplayMode` | `'side-by-side' \| 'dialog'` |

package/dist/esm/index.js

@@ -1,43 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, forwardRef } from "react";
 import { AdaptWebClient, } from "@mochabug/adapt-web";
+import { forwardRef, useEffect, useRef } from "react";
+// Re-export everything from web
+export * from "@mochabug/adapt-web";
 /**
  * React component for embedding Adapt automations.
- *
- * @example
- * ```tsx
- * import { AdaptAutomation } from '@mochabug/adapt-react';
- *
- * function App() {
- *   return (
- *     <AdaptAutomation
- *       id="automation-123"
- *       style={{ height: '600px' }}
- *       onSession={(status) => console.log('Status:', status)}
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With session inheritance from URL hash
- * <AdaptAutomation
- *   id="automation-123"
- *   inheritFrom={{ hash: 'mb_session' }}
- *   style={{ height: '100vh' }}
- * />
- * ```
  */
-export const AdaptAutomation = forwardRef(function AdaptAutomation({ id, sessionToken, authToken, inheritToken, inheritFrom, forkDisplayMode, sideBySideSplit, dialogBackdropClose, onSession, onOutput, classNames, className, style, }, ref) {
+export const Adapt = forwardRef(function Adapt({ id, sessionToken, authToken, transmitter, signals, inheritToken, inheritFrom, forkDisplayMode, sideBySideSplit, dialogBackdropClose, 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)}`);
     const containerId = containerIdRef.current;
     // Merge refs
     const setRef = (element) => {
-        internalRef.current =
-            element;
+        internalRef.current = element;
         if (typeof ref === "function") {
             ref(element);
         }
@@ -51,6 +27,8 @@ export const AdaptAutomation = forwardRef(function AdaptAutomation({ id, session
             id,
             sessionToken,
             authToken,
+            transmitter,
+            signals,
             inheritToken,
             inheritFrom,
             forkDisplayMode,
@@ -65,7 +43,6 @@ export const AdaptAutomation = forwardRef(function AdaptAutomation({ id, session
             clientRef.current = null;
         };
         // Only recreate client if automation ID changes
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id]);
     return (_jsx("div", { ref: setRef, id: containerId, className: className, style: style }));
 });

package/dist/types/index.d.ts

@@ -1,10 +1,9 @@
 import { type AdaptWebClientOptions } from "@mochabug/adapt-web";
-import type { Output, StatusJson } from "@mochabug/adapt-core";
-export type { Output, StatusJson };
+export * from "@mochabug/adapt-web";
 /**
- * Props for the AdaptAutomation React component.
+ * Props for the Adapt React component.
  */
-export interface AdaptAutomationProps extends Pick<AdaptWebClientOptions, "id" | "sessionToken" | "authToken" | "inheritToken" | "inheritFrom" | "forkDisplayMode" | "sideBySideSplit" | "dialogBackdropClose" | "onSession" | "onOutput" | "classNames"> {
+export interface AdaptProps extends Pick<AdaptWebClientOptions, "id" | "sessionToken" | "authToken" | "transmitter" | "signals" | "inheritToken" | "inheritFrom" | "forkDisplayMode" | "sideBySideSplit" | "dialogBackdropClose" | "onSession" | "onOutput" | "classNames"> {
     /** CSS class name for the container */
     className?: string;
     /** Inline styles for the container */
@@ -12,30 +11,5 @@ export interface AdaptAutomationProps extends Pick<AdaptWebClientOptions, "id" |
 }
 /**
  * React component for embedding Adapt automations.
- *
- * @example
- * ```tsx
- * import { AdaptAutomation } from '@mochabug/adapt-react';
- *
- * function App() {
- *   return (
- *     <AdaptAutomation
- *       id="automation-123"
- *       style={{ height: '600px' }}
- *       onSession={(status) => console.log('Status:', status)}
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With session inheritance from URL hash
- * <AdaptAutomation
- *   id="automation-123"
- *   inheritFrom={{ hash: 'mb_session' }}
- *   style={{ height: '100vh' }}
- * />
- * ```
  */
-export declare const AdaptAutomation: import("react").ForwardRefExoticComponent<AdaptAutomationProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Adapt: import("react").ForwardRefExoticComponent<AdaptProps & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mochabug/adapt-react",
-  "version": "1.0.0-rc1",
+  "version": "1.0.0-rc3",
   "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-rc22"
+    "@mochabug/adapt-web": "^1.0.0-rc24"
   }
 }