@mochabug/adapt-web 1.0.0-rc4 → 1.0.0-rc40

package/README.md

@@ -0,0 +1,225 @@
+# @mochabug/adapt-web
+
+Embed Adapt automations in any website.
+
+```bash
+npm install @mochabug/adapt-web
+```
+
+## Quickstart
+
+```html
+<div id="auto" style="height:600px"></div>
+<script src="https://cdn.jsdelivr.net/npm/@mochabug/adapt-web/dist/umd/adapt-web.min.js"></script>
+<script>
+  new MbAdapt.AdaptWebClient({
+    container: 'auto',
+    id: 'your-automation-id'
+  });
+</script>
+```
+
+Done. Automation runs.
+
+## ES Modules
+
+```typescript
+import { AdaptWebClient } from '@mochabug/adapt-web';
+
+const client = new AdaptWebClient({
+  container: 'auto',
+  id: 'your-automation-id'
+});
+
+// cleanup
+await client.destroy();
+```
+
+## With auth token
+
+Only needed if the automation requires authentication:
+
+```typescript
+new AdaptWebClient({
+  container: 'auto',
+  id: 'your-automation-id',
+  authToken: 'your-token'
+});
+```
+
+## CDN versions
+
+```html
+<!-- latest -->
+<script src="https://cdn.jsdelivr.net/npm/@mochabug/adapt-web/dist/umd/adapt-web.min.js"></script>
+
+<!-- pin exact -->
+<script src="https://cdn.jsdelivr.net/npm/@mochabug/adapt-web@1.0.0/dist/umd/adapt-web.min.js"></script>
+
+<!-- pin minor -->
+<script src="https://cdn.jsdelivr.net/npm/@mochabug/adapt-web@1.0/dist/umd/adapt-web.min.js"></script>
+
+<!-- unpkg works too -->
+<script src="https://unpkg.com/@mochabug/adapt-web/dist/umd/adapt-web.min.js"></script>
+```
+
+## SSR (keep auth token server-side)
+
+Create session on server, pass session token to client:
+
+```typescript
+// server
+import { startSession } from '@mochabug/adapt-core';
+const { token } = await startSession({ id: 'auto-123' }, authToken);
+
+// client
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  sessionToken: token  // not authToken
+});
+```
+
+## Session inheritance
+
+Join existing session instead of starting new:
+
+```typescript
+// direct token
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  inheritToken: 'token-from-parent'
+});
+
+// from URL hash: example.com#mb_session=xxx
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  inheritFrom: { hash: 'mb_session' }
+});
+
+// from URL param: example.com?token=xxx
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  inheritFrom: { param: 'token' }
+});
+```
+
+## Fork display (for AI agents with UI)
+
+```typescript
+// side-by-side panels
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  forkDisplayMode: 'side-by-side',
+  sideBySideSplit: 60  // main 60%, fork 40%
+});
+
+// modal dialog
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  forkDisplayMode: 'dialog',
+  dialogBackdropClose: true
+});
+```
+
+## Callbacks
+
+```typescript
+new AdaptWebClient({
+  container: 'auto',
+  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:
+
+```typescript
+import { AdaptWebClient, type SignalDataJson } from '@mochabug/adapt-web';
+
+// Start from a specific transmitter
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  authToken: 'your-token',
+  transmitter: 'my-transmitter'
+});
+
+// Start with initial signals (data must be base64 encoded)
+const signals: { [key: string]: SignalDataJson } = {
+  'input': {
+    mimeType: 'text/plain',
+    data: btoa('Hello World')
+  },
+  'file': {
+    mimeType: 'application/pdf',
+    filename: 'document.pdf',
+    data: base64FileContent
+  }
+};
+
+new AdaptWebClient({
+  container: 'auto',
+  id: 'auto-123',
+  authToken: 'your-token',
+  transmitter: 'file-processor',
+  signals
+});
+```
+
+## All options
+
+```typescript
+{
+  container: string;           // required - DOM element id
+  id: string;                  // required - automation id
+
+  // auth (pick one)
+  authToken?: string;          // starts new session
+  sessionToken?: string;       // uses pre-created session (SSR)
+  inheritToken?: string;       // joins existing session
+  inheritFrom?: { hash: string } | { param: string };
+
+  // advanced start options
+  transmitter?: string;        // specific transmitter to start from
+  signals?: { [key: string]: SignalDataJson };  // initial signals
+
+  // fork display
+  forkDisplayMode?: 'side-by-side' | 'dialog';
+  sideBySideSplit?: number;    // 0-100, default 50
+  dialogBackdropClose?: boolean;
+
+  // callbacks
+  onSession?: (status, fork?) => void;
+  onOutput?: (output) => void;
+
+  // styling
+  classNames?: { root?, wrapper?, frame?, iframe?, dialog?, ... };
+  styles?: CSSStyleDeclaration;
+}
+```
+
+## CSS variables
+
+```css
+.mb-adapt {
+  --mb-adapt-border-radius: 8px;
+  --mb-adapt-backdrop-color: rgba(0,0,0,0.5);
+  --mb-adapt-dialog-width: 80%;
+  --mb-adapt-dialog-height: 80%;
+  --mb-adapt-drag-handle-width: 6px;
+  --mb-adapt-drag-handle-color: #d1d5db;
+}
+```
+
+## License
+
+ISC © mochabug AB

package/dist/esm/AdaptAutomationElement.js

@@ -0,0 +1,219 @@
+import { AdaptWebClient } from "./index.js";
+const OBSERVED_ATTRIBUTES = [
+    "automation-id",
+    "session-token",
+    "auth-token",
+    "transmitter",
+    "challenge-token",
+    "requires-challenge",
+    "inherit-token",
+    "fork-display-mode",
+    "side-by-side-split",
+    "dialog-backdrop-close",
+    "dark-mode",
+    "auto-resizing",
+];
+/**
+ * `<adapt-automation>` custom element for embedding Adapt automations.
+ *
+ * Attributes (HTML-serializable):
+ * - `automation-id` (string, required) — recreates client on change
+ * - `session-token`, `auth-token`, `transmitter`, `challenge-token`,
+ *   `requires-challenge`, `inherit-token`, `side-by-side-split` — read at creation only
+ * - `fork-display-mode`, `dialog-backdrop-close`, `dark-mode`, `auto-resizing` — mutable at runtime
+ *
+ * Properties (non-serializable, set via JS):
+ * - `signals`, `capWidgetOptions`, `inheritFrom`, `classNames`, `styles`
+ * - `onSession`, `onOutput` — callbacks
+ *
+ * Events dispatched:
+ * - `adapt-session` with `{ status, fork }` detail
+ * - `adapt-output` with `{ output }` detail
+ */
+// SSR-safe base class — HTMLElement doesn't exist on the server
+const BaseElement = typeof HTMLElement !== "undefined"
+    ? HTMLElement
+    : class {
+    };
+export class AdaptAutomationElement extends BaseElement {
+    static get observedAttributes() {
+        return OBSERVED_ATTRIBUTES;
+    }
+    constructor() {
+        super();
+        this._client = null;
+    }
+    // --- Attribute ↔ Property reflection ---
+    get automationId() {
+        return this.getAttribute("automation-id");
+    }
+    set automationId(v) {
+        if (v === null) {
+            this.removeAttribute("automation-id");
+        }
+        else {
+            this.setAttribute("automation-id", v);
+        }
+    }
+    get darkMode() {
+        return this.hasAttribute("dark-mode");
+    }
+    set darkMode(v) {
+        if (v) {
+            this.setAttribute("dark-mode", "");
+        }
+        else {
+            this.removeAttribute("dark-mode");
+        }
+    }
+    get autoResizing() {
+        return this.hasAttribute("auto-resizing");
+    }
+    set autoResizing(v) {
+        if (v) {
+            this.setAttribute("auto-resizing", "");
+        }
+        else {
+            this.removeAttribute("auto-resizing");
+        }
+    }
+    get forkDisplayMode() {
+        const val = this.getAttribute("fork-display-mode");
+        return val === "dialog" ? "dialog" : "side-by-side";
+    }
+    set forkDisplayMode(v) {
+        this.setAttribute("fork-display-mode", v);
+    }
+    get dialogBackdropClose() {
+        return this.hasAttribute("dialog-backdrop-close");
+    }
+    set dialogBackdropClose(v) {
+        if (v) {
+            this.setAttribute("dialog-backdrop-close", "");
+        }
+        else {
+            this.removeAttribute("dialog-backdrop-close");
+        }
+    }
+    // --- Lifecycle ---
+    connectedCallback() {
+        // Defer to next microtask to avoid TDZ issues from circular imports
+        // during element upgrade (when customElements.define() upgrades existing DOM elements)
+        queueMicrotask(() => this._tryInit());
+    }
+    disconnectedCallback() {
+        this._destroyClient();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        if (name === "automation-id") {
+            this._destroyClient();
+            queueMicrotask(() => this._tryInit());
+            return;
+        }
+        // Mutable attributes — update the running client
+        if (!this._client)
+            return;
+        switch (name) {
+            case "fork-display-mode":
+                this._client.setForkDisplayMode(this.forkDisplayMode);
+                break;
+            case "dialog-backdrop-close":
+                this._client.setDialogBackdropClose(this.dialogBackdropClose);
+                break;
+            case "dark-mode":
+                this._client.setDarkMode(this.darkMode);
+                break;
+            case "auto-resizing":
+                this._client.setAutoResizing(this.autoResizing);
+                break;
+        }
+    }
+    // --- Internal ---
+    _tryInit() {
+        if (this._client)
+            return;
+        if (!this.isConnected)
+            return;
+        const automationId = this.automationId;
+        if (!automationId)
+            return;
+        const sessionToken = this.getAttribute("session-token");
+        const authToken = this.getAttribute("auth-token");
+        const transmitter = this.getAttribute("transmitter");
+        const challengeToken = this.getAttribute("challenge-token");
+        const requiresChallenge = this.hasAttribute("requires-challenge");
+        const inheritToken = this.getAttribute("inherit-token");
+        const sideBySideSplitAttr = this.getAttribute("side-by-side-split");
+        // Build options conditionally to satisfy exactOptionalPropertyTypes
+        const options = {
+            container: this,
+            id: automationId,
+            forkDisplayMode: this.forkDisplayMode,
+            dialogBackdropClose: this.dialogBackdropClose,
+            darkMode: this.darkMode,
+            autoResizing: this.autoResizing,
+            onSession: (status, fork) => {
+                this.onSessionCallback?.(status, fork);
+                this.dispatchEvent(new CustomEvent("adapt-session", {
+                    detail: { status, fork },
+                    bubbles: true,
+                }));
+            },
+            onOutput: (output) => {
+                this.onOutputCallback?.(output);
+                this.dispatchEvent(new CustomEvent("adapt-output", {
+                    detail: { output },
+                    bubbles: true,
+                }));
+            },
+        };
+        if (sessionToken)
+            options.sessionToken = sessionToken;
+        if (authToken)
+            options.authToken = authToken;
+        if (transmitter)
+            options.transmitter = transmitter;
+        if (challengeToken)
+            options.challengeToken = challengeToken;
+        if (requiresChallenge)
+            options.requiresChallenge = true;
+        if (inheritToken)
+            options.inheritToken = inheritToken;
+        if (sideBySideSplitAttr !== null)
+            options.sideBySideSplit = Number(sideBySideSplitAttr);
+        if (this.signals !== undefined)
+            options.signals = this.signals;
+        if (this.capWidgetOptions !== undefined)
+            options.capWidgetOptions = this.capWidgetOptions;
+        if (this.inheritFrom !== undefined)
+            options.inheritFrom = this.inheritFrom;
+        if (this.classNames !== undefined)
+            options.classNames = this.classNames;
+        if (this.styles !== undefined)
+            options.styles = this.styles;
+        this._client = new AdaptWebClient(options);
+    }
+    _destroyClient() {
+        if (this._client) {
+            this._client.destroy();
+            this._client = null;
+        }
+    }
+}
+// Self-registration with SSR guard
+if (typeof customElements !== "undefined" &&
+    !customElements.get("adapt-automation")) {
+    customElements.define("adapt-automation", AdaptAutomationElement);
+    // Inject display:block CSS — custom elements default to inline which breaks layout
+    const styleId = "adapt-element-display";
+    if (!document.getElementById(styleId)) {
+        const s = document.createElement("style");
+        s.id = styleId;
+        s.textContent =
+            "adapt-automation, adapt-cap { display: block; }";
+        document.head.appendChild(s);
+    }
+}
+//# sourceMappingURL=AdaptAutomationElement.js.map

package/dist/esm/AdaptAutomationElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptAutomationElement.js","sourceRoot":"","sources":["../../src/AdaptAutomationElement.ts"],"names":[],"mappings":"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"}

package/dist/esm/AdaptCapElement.js

@@ -0,0 +1,148 @@
+import { AdaptCapWidget } from "./AdaptCapWidget.js";
+const OBSERVED_ATTRIBUTES = [
+    "automation-id",
+    "dark-mode",
+    "worker-count",
+];
+/**
+ * `<adapt-cap>` custom element for Cap.js proof-of-work challenges.
+ *
+ * Attributes:
+ * - `automation-id` (string, required) — recreates widget on change
+ * - `dark-mode` (boolean) — mutable at runtime
+ * - `worker-count` (number) — read at creation only
+ *
+ * Properties (non-serializable, set via JS):
+ * - `client` (AutomationClient, required) — widget initializes when both client and automation-id are set
+ * - `i18n` (CapWidgetI18n)
+ * - `onSolveCallback`, `onErrorCallback` — callbacks
+ *
+ * Events dispatched:
+ * - `adapt-cap-solve` with `{ token, expires }` detail
+ * - `adapt-cap-error` with `{ error }` detail
+ */
+// SSR-safe base class — HTMLElement doesn't exist on the server
+const BaseElement = typeof HTMLElement !== "undefined"
+    ? HTMLElement
+    : class {
+    };
+export class AdaptCapElement extends BaseElement {
+    constructor() {
+        super();
+        this._widget = null;
+    }
+    static get observedAttributes() {
+        return OBSERVED_ATTRIBUTES;
+    }
+    // --- client property (triggers init attempt) ---
+    get client() {
+        return this._client;
+    }
+    set client(v) {
+        this._client = v;
+        // If we now have both client and automation-id, try to init
+        this._destroyWidget();
+        this._tryInit();
+    }
+    // --- Attribute ↔ Property reflection ---
+    get automationId() {
+        return this.getAttribute("automation-id");
+    }
+    set automationId(v) {
+        if (v === null) {
+            this.removeAttribute("automation-id");
+        }
+        else {
+            this.setAttribute("automation-id", v);
+        }
+    }
+    get darkMode() {
+        return this.hasAttribute("dark-mode");
+    }
+    set darkMode(v) {
+        if (v) {
+            this.setAttribute("dark-mode", "");
+        }
+        else {
+            this.removeAttribute("dark-mode");
+        }
+    }
+    // --- Lifecycle ---
+    connectedCallback() {
+        this._tryInit();
+    }
+    disconnectedCallback() {
+        this._destroyWidget();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        if (name === "automation-id") {
+            this._destroyWidget();
+            this._tryInit();
+            return;
+        }
+        if (name === "dark-mode") {
+            this._widget?.setDarkMode(this.darkMode);
+            return;
+        }
+    }
+    // --- Internal ---
+    _tryInit() {
+        if (this._widget)
+            return;
+        if (!this.isConnected)
+            return;
+        const automationId = this.automationId;
+        if (!automationId || !this._client)
+            return;
+        const workerCountAttr = this.getAttribute("worker-count");
+        this._widget = new AdaptCapWidget({
+            container: this,
+            automationId,
+            client: this._client,
+            onSolve: (token, expires) => {
+                this.onSolveCallback?.(token, expires);
+                this.dispatchEvent(new CustomEvent("adapt-cap-solve", {
+                    detail: { token, expires },
+                    bubbles: true,
+                }));
+            },
+            onError: (error) => {
+                this.onErrorCallback?.(error);
+                this.dispatchEvent(new CustomEvent("adapt-cap-error", {
+                    detail: { error },
+                    bubbles: true,
+                }));
+            },
+            ...(workerCountAttr !== null && {
+                workerCount: Number(workerCountAttr),
+            }),
+            ...(this.i18n !== undefined && { i18n: this.i18n }),
+        });
+        if (this.darkMode) {
+            this._widget.setDarkMode(true);
+        }
+    }
+    _destroyWidget() {
+        if (this._widget) {
+            this._widget.destroy();
+            this._widget = null;
+        }
+    }
+}
+// Self-registration with SSR guard
+if (typeof customElements !== "undefined" &&
+    !customElements.get("adapt-cap")) {
+    customElements.define("adapt-cap", AdaptCapElement);
+    // Inject display:block CSS — custom elements default to inline which breaks layout
+    const styleId = "adapt-element-display";
+    if (!document.getElementById(styleId)) {
+        const s = document.createElement("style");
+        s.id = styleId;
+        s.textContent =
+            "adapt-automation, adapt-cap { display: block; }";
+        document.head.appendChild(s);
+    }
+}
+//# sourceMappingURL=AdaptCapElement.js.map

package/dist/esm/AdaptCapElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptCapElement.js","sourceRoot":"","sources":["../../src/AdaptCapElement.ts"],"names":[],"mappings":"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"}