@mochabug/adapt-astro

Astro component for Adapt.

npm install @mochabug/adapt-astro

Requires Astro 3, 4, or 5.

Quickstart

---
import Adapt from '@mochabug/adapt-astro/Adapt.astro';
---

<Adapt id="auto-123" style="height: 600px;" />

If the automation requires authentication:

<Adapt id="auto-123" authToken="your-token" style="height: 600px;" />

SSR

Keep auth token on server. Enable SSR in astro.config.mjs:

// astro.config.mjs
export default defineConfig({
  output: 'server'
});

---
import Adapt from '@mochabug/adapt-astro/Adapt.astro';
import { startSession } from '@mochabug/adapt-core';

const authToken = await getAuthTokenFromBackend();
const { token } = await startSession({ id: 'auto-123' }, authToken);
---

<Adapt id="auto-123" sessionToken={token} style="height: 600px;" />

Session inheritance

<!-- from URL hash: example.com#mb_session=xxx -->
<Adapt id="auto-123" inheritFrom={{ hash: 'mb_session' }} />

<!-- from URL param: example.com?token=xxx -->
<Adapt id="auto-123" inheritFrom={{ param: 'token' }} />

Fork display

<!-- side-by-side -->
<Adapt id="auto-123" forkDisplayMode="side-by-side" sideBySideSplit={60} />

<!-- dialog -->
<Adapt id="auto-123" forkDisplayMode="dialog" dialogBackdropClose />

Props

| Prop | Type | |------|------| | id | string (required) | | sessionToken | string | | authToken | string | | inheritToken | string | | inheritFrom | { hash: string } \| { param: string } | | forkDisplayMode | 'side-by-side' \| 'dialog' | | sideBySideSplit | number (0-100) | | dialogBackdropClose | boolean | | class | string | | style | string |

License

ISC © mochabug AB