@ai-accounts/vue-headless 0.2.2 → 0.3.0-alpha.2

package/dist/index.cjs

@@ -20,7 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  aiAccountsKey: () => aiAccountsKey,
+  aiAccountsPlugin: () => aiAccountsPlugin,
   useAccountWizard: () => useAccountWizard,
+  useAiAccounts: () => useAiAccounts,
+  useBackendRegistry: () => useBackendRegistry,
+  useLoginSession: () => useLoginSession,
   useOnboarding: () => useOnboarding,
   version: () => version
 });
@@ -103,11 +108,163 @@ function useOnboarding(options) {
   };
 }
 
+// src/injection-keys.ts
+var aiAccountsKey = /* @__PURE__ */ Symbol("aiAccounts");
+
+// src/plugin.ts
+var aiAccountsPlugin = {
+  install(app, options) {
+    const onEvent = options.onEvent ?? (() => {
+    });
+    const emit = (event) => {
+      try {
+        onEvent(event);
+      } catch (err) {
+        try {
+          onEvent({
+            type: "internal.handler_error",
+            error: err instanceof Error ? err.message : String(err),
+            original: event
+          });
+        } catch {
+        }
+      }
+    };
+    const ctx = { client: options.client, emit };
+    app.provide(aiAccountsKey, ctx);
+  }
+};
+
+// src/composables/useAiAccounts.ts
+var import_vue3 = require("vue");
+function useAiAccounts() {
+  const ctx = (0, import_vue3.inject)(aiAccountsKey);
+  if (!ctx) {
+    throw new Error(
+      "useAiAccounts() called outside an app that installed aiAccountsPlugin"
+    );
+  }
+  return ctx;
+}
+
+// src/composables/useBackendRegistry.ts
+var import_vue4 = require("vue");
+function useBackendRegistry() {
+  const { client } = useAiAccounts();
+  const backends = (0, import_vue4.ref)([]);
+  const loaded = (0, import_vue4.ref)(false);
+  async function load() {
+    const result = await client.getBackendMetadata();
+    backends.value = result.items;
+    loaded.value = true;
+  }
+  function get(kind) {
+    return backends.value.find((m) => m.kind === kind);
+  }
+  return { backends, loaded, load, get };
+}
+
+// src/composables/useLoginSession.ts
+var import_vue5 = require("vue");
+function useLoginSession() {
+  const { client, emit } = useAiAccounts();
+  const status = (0, import_vue5.ref)("idle");
+  const sessionId = (0, import_vue5.ref)(null);
+  const accountId = (0, import_vue5.ref)(null);
+  const urlPrompt = (0, import_vue5.ref)(null);
+  const textPrompt = (0, import_vue5.ref)(null);
+  const stdoutLines = (0, import_vue5.ref)([]);
+  const errorCode = (0, import_vue5.ref)(null);
+  const errorMessage = (0, import_vue5.ref)(null);
+  async function start(id, flow, inputs) {
+    accountId.value = id;
+    status.value = "running";
+    urlPrompt.value = null;
+    textPrompt.value = null;
+    stdoutLines.value = [];
+    errorCode.value = null;
+    errorMessage.value = null;
+    const { session_id } = await client.beginLogin(id, flow, inputs);
+    sessionId.value = session_id;
+    emit({ type: "login.started", sessionId: session_id, backendKind: "", flow });
+    for await (const event of client.streamLogin(id, session_id)) {
+      dispatch(event);
+      if (status.value !== "running") return;
+    }
+  }
+  function dispatch(event) {
+    switch (event.type) {
+      case "url_prompt":
+        urlPrompt.value = event;
+        emit({ type: "login.prompt", sessionId: sessionId.value, promptKind: "url" });
+        break;
+      case "text_prompt":
+        textPrompt.value = event;
+        emit({ type: "login.prompt", sessionId: sessionId.value, promptKind: "text" });
+        break;
+      case "stdout":
+        stdoutLines.value = [...stdoutLines.value, event.text];
+        break;
+      case "progress":
+        break;
+      case "complete":
+        status.value = "complete";
+        accountId.value = event.account_id || accountId.value;
+        emit({
+          type: "login.completed",
+          sessionId: sessionId.value,
+          accountId: event.account_id
+        });
+        break;
+      case "failed":
+        status.value = "failed";
+        errorCode.value = event.code;
+        errorMessage.value = event.message;
+        emit({
+          type: "login.failed",
+          sessionId: sessionId.value,
+          code: event.code,
+          message: event.message
+        });
+        break;
+    }
+  }
+  async function respond(answer) {
+    if (!sessionId.value || !accountId.value || !textPrompt.value) return;
+    const promptId = textPrompt.value.prompt_id;
+    textPrompt.value = null;
+    await client.respondLogin(accountId.value, sessionId.value, promptId, answer);
+  }
+  async function cancel() {
+    if (!sessionId.value || !accountId.value) return;
+    await client.cancelLogin(accountId.value, sessionId.value);
+    status.value = "cancelled";
+  }
+  return {
+    status,
+    sessionId,
+    accountId,
+    urlPrompt,
+    textPrompt,
+    stdoutLines,
+    errorCode,
+    errorMessage,
+    start,
+    respond,
+    cancel
+  };
+}
+
 // src/index.ts
-var version = "0.2.0";
+var version = "0.3.0-alpha.1";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  aiAccountsKey,
+  aiAccountsPlugin,
   useAccountWizard,
+  useAiAccounts,
+  useBackendRegistry,
+  useLoginSession,
   useOnboarding,
   version
 });

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { AiAccountsClient, WizardState, DetectResultDTO, BackendDTO, OnboardingMachineState, OAuthDeviceLoginDTO } from '@ai-accounts/ts-core';
+import { Ref, App, InjectionKey } from 'vue';
+import { AiAccountsClient, WizardState, DetectResultDTO, BackendDTO, OnboardingMachineState, OAuthDeviceLoginDTO, AiAccountsEventHandler, AiAccountsEvent, BackendMetadata, UrlPrompt, TextPrompt, LoginFlowKind } from '@ai-accounts/ts-core';
 
 interface UseAccountWizardOptions {
     client: AiAccountsClient;
@@ -43,6 +43,46 @@ interface UseOnboardingReturn {
 }
 declare function useOnboarding(options: UseOnboardingOptions): UseOnboardingReturn;
 
-declare const version = "0.2.0";
+type AiAccountsPluginOptions = {
+    client: AiAccountsClient;
+    onEvent?: AiAccountsEventHandler;
+};
+declare const aiAccountsPlugin: {
+    install(app: App, options: AiAccountsPluginOptions): void;
+};
+
+type AiAccountsContext = {
+    client: AiAccountsClient;
+    emit: (event: AiAccountsEvent) => void;
+};
+declare const aiAccountsKey: InjectionKey<AiAccountsContext>;
+
+declare function useAiAccounts(): AiAccountsContext;
+
+type Registry = {
+    backends: Ref<BackendMetadata[]>;
+    loaded: Ref<boolean>;
+    load: () => Promise<void>;
+    get: (kind: string) => BackendMetadata | undefined;
+};
+declare function useBackendRegistry(): Registry;
+
+type LoginStatus = 'idle' | 'running' | 'complete' | 'failed' | 'cancelled';
+type UseLoginSession = {
+    status: Ref<LoginStatus>;
+    sessionId: Ref<string | null>;
+    accountId: Ref<string | null>;
+    urlPrompt: Ref<UrlPrompt | null>;
+    textPrompt: Ref<TextPrompt | null>;
+    stdoutLines: Ref<string[]>;
+    errorCode: Ref<string | null>;
+    errorMessage: Ref<string | null>;
+    start: (accountId: string, flow: LoginFlowKind, inputs: Record<string, string>) => Promise<void>;
+    respond: (answer: string) => Promise<void>;
+    cancel: () => Promise<void>;
+};
+declare function useLoginSession(): UseLoginSession;
+
+declare const version = "0.3.0-alpha.1";
 
-export { type UseAccountWizardOptions, type UseAccountWizardReturn, type UseOnboardingOptions, type UseOnboardingReturn, useAccountWizard, useOnboarding, version };
+export { type AiAccountsContext, type AiAccountsPluginOptions, type LoginStatus, type UseAccountWizardOptions, type UseAccountWizardReturn, type UseLoginSession, type UseOnboardingOptions, type UseOnboardingReturn, aiAccountsKey, aiAccountsPlugin, useAccountWizard, useAiAccounts, useBackendRegistry, useLoginSession, useOnboarding, version };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { AiAccountsClient, WizardState, DetectResultDTO, BackendDTO, OnboardingMachineState, OAuthDeviceLoginDTO } from '@ai-accounts/ts-core';
+import { Ref, App, InjectionKey } from 'vue';
+import { AiAccountsClient, WizardState, DetectResultDTO, BackendDTO, OnboardingMachineState, OAuthDeviceLoginDTO, AiAccountsEventHandler, AiAccountsEvent, BackendMetadata, UrlPrompt, TextPrompt, LoginFlowKind } from '@ai-accounts/ts-core';
 
 interface UseAccountWizardOptions {
     client: AiAccountsClient;
@@ -43,6 +43,46 @@ interface UseOnboardingReturn {
 }
 declare function useOnboarding(options: UseOnboardingOptions): UseOnboardingReturn;
 
-declare const version = "0.2.0";
+type AiAccountsPluginOptions = {
+    client: AiAccountsClient;
+    onEvent?: AiAccountsEventHandler;
+};
+declare const aiAccountsPlugin: {
+    install(app: App, options: AiAccountsPluginOptions): void;
+};
+
+type AiAccountsContext = {
+    client: AiAccountsClient;
+    emit: (event: AiAccountsEvent) => void;
+};
+declare const aiAccountsKey: InjectionKey<AiAccountsContext>;
+
+declare function useAiAccounts(): AiAccountsContext;
+
+type Registry = {
+    backends: Ref<BackendMetadata[]>;
+    loaded: Ref<boolean>;
+    load: () => Promise<void>;
+    get: (kind: string) => BackendMetadata | undefined;
+};
+declare function useBackendRegistry(): Registry;
+
+type LoginStatus = 'idle' | 'running' | 'complete' | 'failed' | 'cancelled';
+type UseLoginSession = {
+    status: Ref<LoginStatus>;
+    sessionId: Ref<string | null>;
+    accountId: Ref<string | null>;
+    urlPrompt: Ref<UrlPrompt | null>;
+    textPrompt: Ref<TextPrompt | null>;
+    stdoutLines: Ref<string[]>;
+    errorCode: Ref<string | null>;
+    errorMessage: Ref<string | null>;
+    start: (accountId: string, flow: LoginFlowKind, inputs: Record<string, string>) => Promise<void>;
+    respond: (answer: string) => Promise<void>;
+    cancel: () => Promise<void>;
+};
+declare function useLoginSession(): UseLoginSession;
+
+declare const version = "0.3.0-alpha.1";
 
-export { type UseAccountWizardOptions, type UseAccountWizardReturn, type UseOnboardingOptions, type UseOnboardingReturn, useAccountWizard, useOnboarding, version };
+export { type AiAccountsContext, type AiAccountsPluginOptions, type LoginStatus, type UseAccountWizardOptions, type UseAccountWizardReturn, type UseLoginSession, type UseOnboardingOptions, type UseOnboardingReturn, aiAccountsKey, aiAccountsPlugin, useAccountWizard, useAiAccounts, useBackendRegistry, useLoginSession, useOnboarding, version };

package/dist/index.js

@@ -79,10 +79,162 @@ function useOnboarding(options) {
   };
 }
 
+// src/injection-keys.ts
+var aiAccountsKey = /* @__PURE__ */ Symbol("aiAccounts");
+
+// src/plugin.ts
+var aiAccountsPlugin = {
+  install(app, options) {
+    const onEvent = options.onEvent ?? (() => {
+    });
+    const emit = (event) => {
+      try {
+        onEvent(event);
+      } catch (err) {
+        try {
+          onEvent({
+            type: "internal.handler_error",
+            error: err instanceof Error ? err.message : String(err),
+            original: event
+          });
+        } catch {
+        }
+      }
+    };
+    const ctx = { client: options.client, emit };
+    app.provide(aiAccountsKey, ctx);
+  }
+};
+
+// src/composables/useAiAccounts.ts
+import { inject } from "vue";
+function useAiAccounts() {
+  const ctx = inject(aiAccountsKey);
+  if (!ctx) {
+    throw new Error(
+      "useAiAccounts() called outside an app that installed aiAccountsPlugin"
+    );
+  }
+  return ctx;
+}
+
+// src/composables/useBackendRegistry.ts
+import { ref as ref3 } from "vue";
+function useBackendRegistry() {
+  const { client } = useAiAccounts();
+  const backends = ref3([]);
+  const loaded = ref3(false);
+  async function load() {
+    const result = await client.getBackendMetadata();
+    backends.value = result.items;
+    loaded.value = true;
+  }
+  function get(kind) {
+    return backends.value.find((m) => m.kind === kind);
+  }
+  return { backends, loaded, load, get };
+}
+
+// src/composables/useLoginSession.ts
+import { ref as ref4 } from "vue";
+function useLoginSession() {
+  const { client, emit } = useAiAccounts();
+  const status = ref4("idle");
+  const sessionId = ref4(null);
+  const accountId = ref4(null);
+  const urlPrompt = ref4(null);
+  const textPrompt = ref4(null);
+  const stdoutLines = ref4([]);
+  const errorCode = ref4(null);
+  const errorMessage = ref4(null);
+  async function start(id, flow, inputs) {
+    accountId.value = id;
+    status.value = "running";
+    urlPrompt.value = null;
+    textPrompt.value = null;
+    stdoutLines.value = [];
+    errorCode.value = null;
+    errorMessage.value = null;
+    const { session_id } = await client.beginLogin(id, flow, inputs);
+    sessionId.value = session_id;
+    emit({ type: "login.started", sessionId: session_id, backendKind: "", flow });
+    for await (const event of client.streamLogin(id, session_id)) {
+      dispatch(event);
+      if (status.value !== "running") return;
+    }
+  }
+  function dispatch(event) {
+    switch (event.type) {
+      case "url_prompt":
+        urlPrompt.value = event;
+        emit({ type: "login.prompt", sessionId: sessionId.value, promptKind: "url" });
+        break;
+      case "text_prompt":
+        textPrompt.value = event;
+        emit({ type: "login.prompt", sessionId: sessionId.value, promptKind: "text" });
+        break;
+      case "stdout":
+        stdoutLines.value = [...stdoutLines.value, event.text];
+        break;
+      case "progress":
+        break;
+      case "complete":
+        status.value = "complete";
+        accountId.value = event.account_id || accountId.value;
+        emit({
+          type: "login.completed",
+          sessionId: sessionId.value,
+          accountId: event.account_id
+        });
+        break;
+      case "failed":
+        status.value = "failed";
+        errorCode.value = event.code;
+        errorMessage.value = event.message;
+        emit({
+          type: "login.failed",
+          sessionId: sessionId.value,
+          code: event.code,
+          message: event.message
+        });
+        break;
+    }
+  }
+  async function respond(answer) {
+    if (!sessionId.value || !accountId.value || !textPrompt.value) return;
+    const promptId = textPrompt.value.prompt_id;
+    textPrompt.value = null;
+    await client.respondLogin(accountId.value, sessionId.value, promptId, answer);
+  }
+  async function cancel() {
+    if (!sessionId.value || !accountId.value) return;
+    await client.cancelLogin(accountId.value, sessionId.value);
+    status.value = "cancelled";
+  }
+  return {
+    status,
+    sessionId,
+    accountId,
+    urlPrompt,
+    textPrompt,
+    stdoutLines,
+    errorCode,
+    errorMessage,
+    start,
+    respond,
+    cancel
+  };
+}
+
 // src/index.ts
-var version = "0.2.0";
+var version = "0.3.0-alpha.1";
 export {
+  aiAccountsKey,
+  aiAccountsPlugin,
   useAccountWizard,
+  useAiAccounts,
+  useBackendRegistry,
+  useLoginSession,
   useOnboarding,
   version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-accounts/vue-headless",
-  "version": "0.2.2",
+  "version": "0.3.0-alpha.2",
   "description": "Vue 3 headless composables for ai-accounts",
   "license": "Apache-2.0",
   "type": "module",
@@ -21,7 +21,7 @@
     "vue": "^3.4.0"
   },
   "dependencies": {
-    "@ai-accounts/ts-core": "0.2.2"
+    "@ai-accounts/ts-core": "0.3.0-alpha.2"
   },
   "devDependencies": {
     "vue": "^3.4.0",