@mochabug/adapt-vue 1.0.1-rc.8 → 2.0.0-beta.0

package/dist/esm/AdaptAutomation.js

@@ -0,0 +1,195 @@
+import "@mochabug/adapt-web/core";
+import { defineComponent, h, ref, watchEffect } from "vue";
+const props = {
+    automationId: {
+        type: String,
+        required: true,
+    },
+    sessionToken: {
+        type: String,
+        default: undefined,
+    },
+    authToken: {
+        type: String,
+        default: undefined,
+    },
+    transmitter: {
+        type: String,
+        default: undefined,
+    },
+    signals: {
+        type: Object,
+        default: undefined,
+    },
+    inheritToken: {
+        type: String,
+        default: undefined,
+    },
+    inheritFrom: {
+        type: Object,
+        default: undefined,
+    },
+    forkDisplay: {
+        type: Object,
+        default: undefined,
+    },
+    darkMode: {
+        type: Boolean,
+        default: false,
+    },
+    autoResizing: {
+        type: Boolean,
+        default: false,
+    },
+    allowFloating: {
+        type: Boolean,
+        default: true,
+    },
+    allowDocking: {
+        type: Boolean,
+        default: true,
+    },
+    allowDialogDocking: {
+        type: Boolean,
+        default: true,
+    },
+    allowMinimize: {
+        type: Boolean,
+        default: true,
+    },
+    allowMaximize: {
+        type: Boolean,
+        default: true,
+    },
+    floatingAutoResize: {
+        type: Boolean,
+        default: false,
+    },
+    confirmOnClose: {
+        type: Boolean,
+        default: false,
+    },
+    classNames: {
+        type: Object,
+        default: undefined,
+    },
+    styles: {
+        type: Object,
+        default: undefined,
+    },
+    challengeToken: {
+        type: String,
+        default: undefined,
+    },
+    requiresChallenge: {
+        type: Boolean,
+        default: false,
+    },
+    capWidgetOptions: {
+        type: Object,
+        default: undefined,
+    },
+    persist: {
+        type: [Boolean, Object],
+        default: undefined,
+    },
+    text: {
+        type: Object,
+        default: undefined,
+    },
+    theme: {
+        type: Object,
+        default: undefined,
+    },
+    debug: {
+        type: Boolean,
+        default: false,
+    },
+};
+const emits = {
+    session: (_status, _fork) => true,
+    output: (_output) => true,
+    forkActive: (_active) => true,
+    error: (_error) => true,
+};
+const component = defineComponent({
+    name: "AdaptAutomation",
+    inheritAttrs: false,
+    props,
+    emits,
+    setup(props, { emit, attrs }) {
+        const elementRef = ref(null);
+        // Sync non-serializable properties when element is mounted
+        const syncProperties = () => {
+            const el = elementRef.value;
+            if (!el)
+                return;
+            el.signals = props.signals;
+            el.capWidgetOptions = props.capWidgetOptions;
+            el.inheritFrom = props.inheritFrom;
+            el.classNames = props.classNames;
+            el.styles = props.styles;
+            el.persistOptions =
+                typeof props.persist === "object" ? props.persist : undefined;
+            el.text = props.text;
+            el.theme = props.theme;
+            el.onSessionCallback = (status, fork) => {
+                emit("session", status, fork);
+            };
+            el.onOutputCallback = (output) => {
+                emit("output", output);
+            };
+            el.onForkActiveCallback = (active) => {
+                emit("forkActive", active);
+            };
+            el.onErrorCallback = (error) => {
+                emit("error", error);
+            };
+            el.initialize();
+        };
+        watchEffect(() => {
+            syncProperties();
+        });
+        return () => h("adapt-automation", {
+            ref: elementRef,
+            "automation-id": props.automationId,
+            "session-token": props.sessionToken,
+            "auth-token": props.authToken,
+            transmitter: props.transmitter,
+            "challenge-token": props.challengeToken,
+            "requires-challenge": props.requiresChallenge ? "" : undefined,
+            "inherit-token": props.inheritToken,
+            "fork-display-mode": props.forkDisplay?.mode,
+            "side-by-side-split": props.forkDisplay?.mode === "side-by-side" &&
+                props.forkDisplay.split !== undefined
+                ? String(props.forkDisplay.split)
+                : undefined,
+            "dark-mode": props.darkMode ? "" : undefined,
+            "auto-resizing": props.autoResizing ? "" : undefined,
+            "allow-floating": props.allowFloating === false ? "false" : undefined,
+            "allow-docking": props.allowDocking === false ? "false" : undefined,
+            "allow-dialog-docking": props.allowDialogDocking === false ? "false" : undefined,
+            "allow-minimize": props.allowMinimize === false ? "false" : undefined,
+            "allow-maximize": props.allowMaximize === false ? "false" : undefined,
+            "floating-auto-resize": props.floatingAutoResize ? "" : undefined,
+            "confirm-on-close": props.confirmOnClose ? "" : undefined,
+            persist: props.persist ? true : undefined,
+            debug: props.debug ? "" : undefined,
+            "data-adapt-signals": props.signals ? JSON.stringify(props.signals) : undefined,
+            "data-adapt-cap-widget-options": props.capWidgetOptions ? JSON.stringify(props.capWidgetOptions) : undefined,
+            "data-adapt-inherit-from": props.inheritFrom ? JSON.stringify(props.inheritFrom) : undefined,
+            "data-adapt-class-names": props.classNames ? JSON.stringify(props.classNames) : undefined,
+            "data-adapt-persist-options": typeof props.persist === "object" ? JSON.stringify(props.persist) : undefined,
+            "data-adapt-text": props.text ? JSON.stringify(props.text) : undefined,
+            "data-adapt-theme": props.theme ? JSON.stringify(props.theme) : undefined,
+            ...attrs,
+        });
+    },
+});
+/**
+ * Vue component for embedding Adapt automations.
+ * Renders `<adapt-automation>` custom element and syncs non-serializable properties via ref.
+ */
+// Keep the public declaration on the DefineComponent parameters shared by Vue 3 minors.
+export const AdaptAutomation = component;
+export default AdaptAutomation;

package/dist/esm/AdaptCap.js

@@ -1,42 +1,48 @@
-import { AdaptCapElement } from "@mochabug/adapt-web";
+import "@mochabug/adapt-web/cap";
 import { defineComponent, h, ref, watchEffect, } from "vue";
-// Re-export for direct use
-export { AdaptCapWidget, } from "@mochabug/adapt-web";
-// Ensure custom element is registered
-void AdaptCapElement;
-/**
- * Vue component for Cap.js proof-of-work challenges.
- * Renders `<adapt-cap>` custom element and syncs non-serializable properties via ref.
- */
-export const AdaptCap = defineComponent({
-    name: "AdaptCap",
-    inheritAttrs: false,
-    props: {
-        automationId: {
-            type: String,
-            required: true,
-        },
-        client: {
-            type: Object,
-            required: true,
-        },
-        workerCount: {
-            type: Number,
-            default: undefined,
-        },
-        i18n: {
-            type: Object,
-            default: undefined,
-        },
-        darkMode: {
-            type: Boolean,
-            default: false,
-        },
+const props = {
+    automationId: {
+        type: String,
+        required: true,
+    },
+    client: {
+        type: Object,
+        required: true,
+    },
+    workerCount: {
+        type: Number,
+        default: undefined,
+    },
+    hiddenFieldName: {
+        type: String,
+        default: undefined,
     },
-    emits: {
-        solve: (_token, _expires) => true,
-        error: (_error) => true,
+    troubleshootingUrl: {
+        type: String,
+        default: undefined,
     },
+    disableHaptics: {
+        type: Boolean,
+        default: false,
+    },
+    i18n: {
+        type: Object,
+        default: undefined,
+    },
+    darkMode: {
+        type: Boolean,
+        default: false,
+    },
+};
+const emits = {
+    solve: (_token, _expires) => true,
+    error: (_error) => true,
+};
+const component = defineComponent({
+    name: "AdaptCap",
+    inheritAttrs: false,
+    props,
+    emits,
     setup(props, { emit, attrs }) {
         const elementRef = ref(null);
         const syncProperties = () => {
@@ -62,8 +68,17 @@ export const AdaptCap = defineComponent({
             "worker-count": props.workerCount !== undefined
                 ? String(props.workerCount)
                 : undefined,
+            "hidden-field-name": props.hiddenFieldName,
+            "troubleshooting-url": props.troubleshootingUrl,
+            "disable-haptics": props.disableHaptics ? "" : undefined,
             ...attrs,
         });
     },
 });
+/**
+ * Vue component for Cap.js proof-of-work challenges.
+ * Renders `<adapt-cap>` custom element and syncs non-serializable properties via ref.
+ */
+// Keep the public declaration on the DefineComponent parameters shared by Vue 3 minors.
+export const AdaptCap = component;
 export default AdaptCap;

package/dist/esm/cap.js

@@ -0,0 +1,4 @@
+// Cap entry — standalone Cap.js widget for Vue
+import "@mochabug/adapt-web/cap";
+export { AdaptCap, default } from "./AdaptCap.js";
+export { Cap as AdaptCapWidget, createChallenge, redeemChallenge, AdaptCapElement, createConnectClient, } from "@mochabug/adapt-web/cap";

package/dist/esm/core.js

@@ -0,0 +1,3 @@
+// Core entry — Adapt component without Cap.js
+export * from "@mochabug/adapt-web/core";
+export { AdaptAutomation } from "./AdaptAutomation.js";

package/dist/esm/index.js

@@ -1,148 +1,4 @@
-import { AdaptAutomationElement, } from "@mochabug/adapt-web";
-import { defineComponent, h, ref, watchEffect } from "vue";
 // Re-export everything from web
 export * from "@mochabug/adapt-web";
-// Export standalone Cap widget component
-export { AdaptCap } from "./AdaptCap.js";
-// Ensure custom element is registered
-void AdaptAutomationElement;
-/**
- * Vue component for embedding Adapt automations.
- * Renders `<adapt-automation>` custom element and syncs non-serializable properties via ref.
- */
-export const Adapt = defineComponent({
-    name: "Adapt",
-    inheritAttrs: false,
-    props: {
-        id: {
-            type: String,
-            required: true,
-        },
-        sessionToken: {
-            type: String,
-            default: undefined,
-        },
-        authToken: {
-            type: String,
-            default: undefined,
-        },
-        transmitter: {
-            type: String,
-            default: undefined,
-        },
-        signals: {
-            type: Object,
-            default: undefined,
-        },
-        inheritToken: {
-            type: String,
-            default: undefined,
-        },
-        inheritFrom: {
-            type: Object,
-            default: undefined,
-        },
-        forkDisplay: {
-            type: Object,
-            default: undefined,
-        },
-        darkMode: {
-            type: Boolean,
-            default: false,
-        },
-        autoResizing: {
-            type: Boolean,
-            default: false,
-        },
-        classNames: {
-            type: Object,
-            default: undefined,
-        },
-        styles: {
-            type: Object,
-            default: undefined,
-        },
-        challengeToken: {
-            type: String,
-            default: undefined,
-        },
-        requiresChallenge: {
-            type: Boolean,
-            default: false,
-        },
-        capWidgetOptions: {
-            type: Object,
-            default: undefined,
-        },
-        persist: {
-            type: [Boolean, Object],
-            default: undefined,
-        },
-        text: {
-            type: Object,
-            default: undefined,
-        },
-    },
-    emits: {
-        session: (_status, _fork) => true,
-        output: (_output) => true,
-        forkActive: (_active) => true,
-    },
-    setup(props, { emit, attrs }) {
-        const elementRef = ref(null);
-        // Sync non-serializable properties when element is mounted
-        const syncProperties = () => {
-            const el = elementRef.value;
-            if (!el)
-                return;
-            el.signals = props.signals;
-            el.capWidgetOptions = props.capWidgetOptions;
-            el.inheritFrom = props.inheritFrom;
-            el.classNames = props.classNames;
-            el.styles = props.styles;
-            el.persistOptions =
-                typeof props.persist === "object" ? props.persist : undefined;
-            el.text = props.text;
-            el.onSessionCallback = (status, fork) => {
-                emit("session", status, fork);
-            };
-            el.onOutputCallback = (output) => {
-                emit("output", output);
-            };
-            el.onForkActiveCallback = (active) => {
-                emit("forkActive", active);
-            };
-        };
-        watchEffect(() => {
-            syncProperties();
-        });
-        return () => h("adapt-automation", {
-            ref: elementRef,
-            "automation-id": props.id,
-            "session-token": props.sessionToken,
-            "auth-token": props.authToken,
-            transmitter: props.transmitter,
-            "challenge-token": props.challengeToken,
-            "requires-challenge": props.requiresChallenge ? "" : undefined,
-            "inherit-token": props.inheritToken,
-            "fork-display-mode": props.forkDisplay?.mode,
-            "side-by-side-split": props.forkDisplay?.mode === "side-by-side" &&
-                props.forkDisplay.split !== undefined
-                ? String(props.forkDisplay.split)
-                : undefined,
-            "dialog-backdrop-close": props.forkDisplay?.mode === "dialog" &&
-                props.forkDisplay.backdropClose !== false
-                ? ""
-                : undefined,
-            "dialog-resize-to-content": props.forkDisplay?.mode === "dialog" &&
-                props.forkDisplay.resizeToContent !== false
-                ? ""
-                : undefined,
-            "dark-mode": props.darkMode ? "" : undefined,
-            "auto-resizing": props.autoResizing ? "" : undefined,
-            persist: props.persist ? "" : undefined,
-            ...attrs,
-        });
-    },
-});
-export default Adapt;
+// Re-export the Vue component
+export { AdaptAutomation, default } from "./AdaptAutomation.js";

package/dist/types/AdaptAutomation.d.ts

@@ -0,0 +1,127 @@
+import type { AdaptError, AdaptTheme, AdaptWebClientOptions, ForkDisplay, Output, PersistOptions, SignalValue, StatusJson, StatusText } from "@mochabug/adapt-web/core";
+import "@mochabug/adapt-web/core";
+import { type ComponentOptionsMixin, type DefineComponent, type PropType } from "vue";
+declare const props: {
+    readonly automationId: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly sessionToken: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly authToken: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly transmitter: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly signals: {
+        readonly type: PropType<{
+            [key: string]: SignalValue;
+        }>;
+        readonly default: undefined;
+    };
+    readonly inheritToken: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly inheritFrom: {
+        readonly type: PropType<{
+            hash: string;
+        } | {
+            param: string;
+        }>;
+        readonly default: undefined;
+    };
+    readonly forkDisplay: {
+        readonly type: PropType<ForkDisplay>;
+        readonly default: undefined;
+    };
+    readonly darkMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly autoResizing: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly allowFloating: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly allowDocking: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly allowDialogDocking: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly allowMinimize: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly allowMaximize: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly floatingAutoResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly confirmOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly classNames: {
+        readonly type: PropType<AdaptWebClientOptions["classNames"]>;
+        readonly default: undefined;
+    };
+    readonly styles: {
+        readonly type: PropType<Partial<CSSStyleDeclaration>>;
+        readonly default: undefined;
+    };
+    readonly challengeToken: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly requiresChallenge: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly capWidgetOptions: {
+        readonly type: PropType<AdaptWebClientOptions["capWidgetOptions"]>;
+        readonly default: undefined;
+    };
+    readonly persist: {
+        readonly type: PropType<boolean | PersistOptions>;
+        readonly default: undefined;
+    };
+    readonly text: {
+        readonly type: PropType<StatusText>;
+        readonly default: undefined;
+    };
+    readonly theme: {
+        readonly type: PropType<AdaptTheme>;
+        readonly default: undefined;
+    };
+    readonly debug: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+declare const emits: {
+    session: (_status: StatusJson, _fork?: string) => boolean;
+    output: (_output: Output) => boolean;
+    forkActive: (_active: boolean) => boolean;
+    error: (_error: AdaptError) => boolean;
+};
+/**
+ * Vue component for embedding Adapt automations.
+ * Renders `<adapt-automation>` custom element and syncs non-serializable properties via ref.
+ */
+export declare const AdaptAutomation: DefineComponent<typeof props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, typeof emits>;
+export default AdaptAutomation;

package/dist/types/AdaptCap.d.ts

@@ -1,64 +1,48 @@
 import type { AutomationClient } from "@mochabug/adapt-core";
-import { type CapWidgetI18n } from "@mochabug/adapt-web";
-import { type PropType } from "vue";
-export { AdaptCapWidget, type AdaptCapWidgetOptions, } from "@mochabug/adapt-web";
+import type { CapWidgetI18n } from "@mochabug/adapt-web/cap";
+import "@mochabug/adapt-web/cap";
+import { type ComponentOptionsMixin, type DefineComponent, type PropType } from "vue";
+declare const props: {
+    readonly automationId: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    readonly client: {
+        readonly type: PropType<AutomationClient>;
+        readonly required: true;
+    };
+    readonly workerCount: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly hiddenFieldName: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly troubleshootingUrl: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly disableHaptics: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly i18n: {
+        readonly type: PropType<CapWidgetI18n>;
+        readonly default: undefined;
+    };
+    readonly darkMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+declare const emits: {
+    solve: (_token: string, _expires: Date) => boolean;
+    error: (_error: Error) => boolean;
+};
 /**
  * Vue component for Cap.js proof-of-work challenges.
  * Renders `<adapt-cap>` custom element and syncs non-serializable properties via ref.
  */
-export declare const AdaptCap: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    automationId: {
-        type: StringConstructor;
-        required: true;
-    };
-    client: {
-        type: PropType<AutomationClient>;
-        required: true;
-    };
-    workerCount: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    i18n: {
-        type: PropType<CapWidgetI18n>;
-        default: undefined;
-    };
-    darkMode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    solve: (_token: string, _expires: Date) => true;
-    error: (_error: Error) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    automationId: {
-        type: StringConstructor;
-        required: true;
-    };
-    client: {
-        type: PropType<AutomationClient>;
-        required: true;
-    };
-    workerCount: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    i18n: {
-        type: PropType<CapWidgetI18n>;
-        default: undefined;
-    };
-    darkMode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onSolve?: ((_token: string, _expires: Date) => any) | undefined;
-    onError?: ((_error: Error) => any) | undefined;
-}>, {
-    workerCount: number;
-    i18n: CapWidgetI18n;
-    darkMode: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const AdaptCap: DefineComponent<typeof props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, typeof emits>;
 export default AdaptCap;

package/dist/types/cap.d.ts

@@ -0,0 +1,3 @@
+import "@mochabug/adapt-web/cap";
+export { AdaptCap, default } from "./AdaptCap.js";
+export { Cap as AdaptCapWidget, type AdaptCapWidgetOptions, createChallenge, redeemChallenge, AdaptCapElement, createConnectClient, type ChallengeInfo, type RedeemChallengeOptions, type RedeemedChallenge, type CapWidgetI18n, type CapWidgetOptions, } from "@mochabug/adapt-web/cap";

package/dist/types/core.d.ts

@@ -0,0 +1,2 @@
+export * from "@mochabug/adapt-web/core";
+export { AdaptAutomation } from "./AdaptAutomation.js";