@capitalos/vue 0.1.0-rc.1

package/README.md

@@ -0,0 +1,75 @@
+# CapitalOS for Vue
+
+Vue components for integrating with CapitalOS
+
+## Requirements
+
+Vue 2.7.0 or later
+
+## Installation
+
+### npm
+
+```bash
+npm install @capitalos/vue
+```
+
+### yarn
+
+```bash
+yarn add @capitalos/vue
+```
+
+### pnpm
+
+```bash
+pnpm add @capitalos/vue
+```
+
+## Documentation
+
+Please refer to the [official docs](https://docs.capitalos.com/docs/using-vue-client-library) for more details.
+
+## Usage
+
+In order to use the components you will need to obtain a client authentication token. Refer to the [CapitalOS documentation](https://docs.capitalos.com/docs/using-vue-client-library) for more information.
+
+```typescript
+// main.ts
+import { createApp } from 'vue'
+import { createCapitalOs } from '@capitalos/vue'
+import App from './App.vue'
+
+const app = createApp(App)
+
+app.use(
+  createCapitalOs({
+    getToken: async () => {
+      // Call your backend which initiates login and returns a one-time token
+      const res = await fetch('/api/capitalos/token', { method: 'POST' })
+      const json = await res.json()
+      return json.token
+    },
+    enableLogging: true,
+  })
+)
+
+app.mount('#app')
+```
+
+```vue
+<!-- MyComponent.vue -->
+<template>
+  <CardsApp @loaded="onLoaded" @error="onError" />
+</template>
+
+<script setup>
+import { CardsApp } from '@capitalos/vue'
+const onLoaded = () => console.log('CardsApp loaded!')
+const onError = (error) => console.error('CardsApp error:', error)
+</script>
+```
+
+## TypeScript support
+
+TypeScript definitions for `@capitalos/vue` are built into the npm package and should be automatically picked up by your editor.

package/dist/index.d.mts

@@ -0,0 +1,52 @@
+import { ComputedRef, DeepReadonly, Ref } from "vue";
+import { CapitalOSError, ErrorCode, Logger, Logger as Logger$1, RawErrorDetails, ThemeColorScheme, ThemeColorScheme as ThemeColorScheme$1, TokenData, TokenData as TokenData$1 } from "@capitalos/core";
+
+//#region src/types.d.ts
+interface CapitalOsConfig {
+  getToken: () => Promise<string>;
+  enableLogging?: boolean;
+  logger?: Logger$1;
+  theme?: ThemeColorScheme$1;
+}
+interface CapitalOsState {
+  tokenData: DeepReadonly<Ref<TokenData$1 | undefined>>;
+  isLoading: DeepReadonly<Ref<boolean>>;
+  error: DeepReadonly<Ref<Error | undefined>>;
+  invalidateToken: () => void;
+  config: CapitalOsConfig;
+}
+type AuthState = 'idle' | 'loading' | 'authenticated' | 'error';
+
+//#endregion
+//#region src/plugin.d.ts
+//# sourceMappingURL=types.d.ts.map
+declare const CAPITALOS_INJECTION_KEY: unique symbol;
+interface Vue2Constructor {
+  mixin: (mixin: Record<string, unknown>) => void;
+  version: string;
+}
+interface Vue3App {
+  provide: (key: symbol, value: unknown) => void;
+  version: string;
+}
+declare function createCapitalOs(config: CapitalOsConfig): {
+  install(appOrVue: Vue2Constructor | Vue3App): void;
+};
+
+//#endregion
+//#region src/components/CardsApp.d.ts
+declare const CardsApp: any;
+
+//#endregion
+//#region src/composables/use-capitalos-auth.d.ts
+//# sourceMappingURL=CardsApp.d.ts.map
+interface UseCapitalOsAuthReturn extends CapitalOsState {
+  authState: ComputedRef<AuthState>;
+}
+declare function useCapitalOsAuth(): UseCapitalOsAuthReturn;
+
+//#endregion
+//# sourceMappingURL=use-capitalos-auth.d.ts.map
+
+export { AuthState, CAPITALOS_INJECTION_KEY, CapitalOSError, CapitalOsConfig, CardsApp, ErrorCode, Logger, RawErrorDetails, ThemeColorScheme, TokenData, UseCapitalOsAuthReturn, createCapitalOs, useCapitalOsAuth };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/plugin.ts","../src/components/CardsApp.ts","../src/composables/use-capitalos-auth.ts"],"sourcesContent":null,"mappings":";;;;UAMiB,eAAA;kBAKC;EALD,aAAA,CAAA,EAAA,OAAe;EAAA,MAAA,CAAA,EAerB,QAfqB;EAAA,KAKd,CAAA,EAeR,kBAfQ;;AAeR,UAMO,cAAA,CANP;EAAgB,SAAA,EAOb,YAPa,CAOA,GAPA,CAOI,WAPJ,GAAA,SAAA,CAAA,CAAA;EAMT,SAAA,EAEJ,YAFkB,CAEL,GAFK,CAAA,OAAA,CAAA,CAAA;EAAA,KAAA,EAGtB,YAHsB,CAGT,GAHS,CAGL,KAHK,GAAA,SAAA,CAAA,CAAA;EAAA,eACD,EAAA,GAAA,GAAA,IAAA;EAAS,MAAb,EAIhB,eAJgB;;AACA,KASd,SAAA,GATc,MAAA,GAAA,SAAA,GAAA,eAAA,GAAA,OAAA;;;;;cCSb;UAsCH,eAAA;ED3EO,KAAA,EAAA,CAAA,KAAA,EC4EA,MD5Ee,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA,MAAA;;UCkFtB,OAAA,CDnEC;EAAM,OAKP,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAgB,OAAA,EAAA,MAAA;AAM1B;AAA+B,iBCyFf,eAAA,CDzFe,MAAA,ECyFS,eDzFT,CAAA,EAAA;EAAA,OACD,CAAA,QAAA,EC0FR,eD1FQ,GC0FU,OD1FV,CAAA,EAAA,IAAA;CAAS;;;;cEqB1B;;;;;UC/CI,sBAAA,SAA+B;aAInC,YAAY;AHLzB;AAAgC,iBGahB,gBAAA,CAAA,CHbgB,EGaI,sBHbJ"}

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+import { ComputedRef, DeepReadonly, Ref } from "vue";
+import { CapitalOSError, ErrorCode, Logger, Logger as Logger$1, RawErrorDetails, ThemeColorScheme, ThemeColorScheme as ThemeColorScheme$1, TokenData, TokenData as TokenData$1 } from "@capitalos/core";
+
+//#region src/types.d.ts
+interface CapitalOsConfig {
+  getToken: () => Promise<string>;
+  enableLogging?: boolean;
+  logger?: Logger$1;
+  theme?: ThemeColorScheme$1;
+}
+interface CapitalOsState {
+  tokenData: DeepReadonly<Ref<TokenData$1 | undefined>>;
+  isLoading: DeepReadonly<Ref<boolean>>;
+  error: DeepReadonly<Ref<Error | undefined>>;
+  invalidateToken: () => void;
+  config: CapitalOsConfig;
+}
+type AuthState = 'idle' | 'loading' | 'authenticated' | 'error';
+
+//#endregion
+//#region src/plugin.d.ts
+//# sourceMappingURL=types.d.ts.map
+declare const CAPITALOS_INJECTION_KEY: unique symbol;
+interface Vue2Constructor {
+  mixin: (mixin: Record<string, unknown>) => void;
+  version: string;
+}
+interface Vue3App {
+  provide: (key: symbol, value: unknown) => void;
+  version: string;
+}
+declare function createCapitalOs(config: CapitalOsConfig): {
+  install(appOrVue: Vue2Constructor | Vue3App): void;
+};
+
+//#endregion
+//#region src/components/CardsApp.d.ts
+declare const CardsApp: any;
+
+//#endregion
+//#region src/composables/use-capitalos-auth.d.ts
+//# sourceMappingURL=CardsApp.d.ts.map
+interface UseCapitalOsAuthReturn extends CapitalOsState {
+  authState: ComputedRef<AuthState>;
+}
+declare function useCapitalOsAuth(): UseCapitalOsAuthReturn;
+
+//#endregion
+//# sourceMappingURL=use-capitalos-auth.d.ts.map
+
+export { AuthState, CAPITALOS_INJECTION_KEY, CapitalOSError, CapitalOsConfig, CardsApp, ErrorCode, Logger, RawErrorDetails, ThemeColorScheme, TokenData, UseCapitalOsAuthReturn, createCapitalOs, useCapitalOsAuth };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/plugin.ts","../src/components/CardsApp.ts","../src/composables/use-capitalos-auth.ts"],"sourcesContent":null,"mappings":";;;;UAMiB,eAAA;kBAKC;EALD,aAAA,CAAA,EAAA,OAAe;EAAA,MAAA,CAAA,EAerB,QAfqB;EAAA,KAKd,CAAA,EAeR,kBAfQ;;AAeR,UAMO,cAAA,CANP;EAAgB,SAAA,EAOb,YAPa,CAOA,GAPA,CAOI,WAPJ,GAAA,SAAA,CAAA,CAAA;EAMT,SAAA,EAEJ,YAFkB,CAEL,GAFK,CAAA,OAAA,CAAA,CAAA;EAAA,KAAA,EAGtB,YAHsB,CAGT,GAHS,CAGL,KAHK,GAAA,SAAA,CAAA,CAAA;EAAA,eACD,EAAA,GAAA,GAAA,IAAA;EAAS,MAAb,EAIhB,eAJgB;;AACA,KASd,SAAA,GATc,MAAA,GAAA,SAAA,GAAA,eAAA,GAAA,OAAA;;;;;cCSb;UAsCH,eAAA;ED3EO,KAAA,EAAA,CAAA,KAAA,EC4EA,MD5Ee,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA,MAAA;;UCkFtB,OAAA,CDnEC;EAAM,OAKP,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAgB,OAAA,EAAA,MAAA;AAM1B;AAA+B,iBCyFf,eAAA,CDzFe,MAAA,ECyFS,eDzFT,CAAA,EAAA;EAAA,OACD,CAAA,QAAA,EC0FR,eD1FQ,GC0FU,OD1FV,CAAA,EAAA,IAAA;CAAS;;;;cEqB1B;;;;;UC/CI,sBAAA,SAA+B;aAInC,YAAY;AHLzB;AAAgC,iBGahB,gBAAA,CAAA,CHbgB,EGaI,sBHbJ"}

package/dist/index.js

@@ -0,0 +1,280 @@
+"use strict";
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+const vue = __toESM(require("vue"));
+const __capitalos_core = __toESM(require("@capitalos/core"));
+
+//#region src/plugin.ts
+/**
+* Injection key for CapitalOS state.
+* Used with Vue's provide/inject system.
+*/
+const CAPITALOS_INJECTION_KEY = Symbol("capitalos");
+let globalState = null;
+function getGlobalState() {
+	return globalState;
+}
+const TOKEN_EXCHANGE_TIMEOUT_MS = 1e4;
+function toError(error) {
+	if (error instanceof Error) return error;
+	return new Error(String(error));
+}
+let installed = false;
+function isVue3App(appOrVue) {
+	return typeof appOrVue.provide === "function";
+}
+/**
+* Creates the CapitalOS Vue plugin.
+*
+* Usage (Vue 3):
+* ```typescript
+* import { createApp } from 'vue'
+* import { createCapitalOs } from '@capitalos/vue'
+*
+* const app = createApp(App)
+* app.use(createCapitalOs({ getToken: async () => { ... } }))
+* app.mount('#app')
+* ```
+*
+* Usage (Vue 2.7):
+* ```typescript
+* import Vue from 'vue'
+* import { createCapitalOs } from '@capitalos/vue'
+*
+* Vue.use(createCapitalOs({ getToken: async () => { ... } }))
+* new Vue({ render: h => h(App) }).$mount('#app')
+* ```
+*/
+function createCapitalOs(config) {
+	return { install(appOrVue) {
+		if (installed) {
+			const logger$1 = (0, __capitalos_core.createLogger)(config.enableLogging, config.logger);
+			logger$1.warn("[CapitalOS] Plugin already installed, skipping duplicate installation");
+			return;
+		}
+		installed = true;
+		const logger = (0, __capitalos_core.createLogger)(config.enableLogging, config.logger);
+		const tokenData = (0, vue.ref)(void 0);
+		const isLoading = (0, vue.ref)(false);
+		const error = (0, vue.ref)(void 0);
+		let activeAbortController = null;
+		async function refreshToken() {
+			if (isLoading.value) {
+				logger.log("[CapitalOS] Token refresh already in progress, skipping");
+				return;
+			}
+			logger.log("[CapitalOS] Starting token refresh");
+			isLoading.value = true;
+			error.value = void 0;
+			activeAbortController?.abort();
+			const abortController = new AbortController();
+			activeAbortController = abortController;
+			try {
+				const oneTimeToken = await config.getToken();
+				logger.log("[CapitalOS] Received one-time token");
+				if (abortController.signal.aborted) return;
+				const result = await (0, __capitalos_core.exchangeOneTimeToken)({
+					oneTimeToken,
+					enableLogging: config.enableLogging,
+					logger: config.logger,
+					timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,
+					signal: abortController.signal
+				});
+				if (abortController.signal.aborted) return;
+				tokenData.value = {
+					token: result.longLivedToken,
+					tokenType: __capitalos_core.TokenType.longLived,
+					baseUrl: result.baseUrl,
+					paramKey: __capitalos_core.TokenParamKey.accessToken,
+					paramLocation: __capitalos_core.TokenParamLocation.hash
+				};
+				logger.log("[CapitalOS] Token exchange complete");
+			} catch (e) {
+				if (e instanceof Error && e.name === "AbortError") return;
+				const err = toError(e);
+				logger.error(`[CapitalOS] Token refresh failed: ${err.message}`);
+				error.value = err;
+			} finally {
+				if (activeAbortController === abortController) activeAbortController = null;
+				isLoading.value = false;
+			}
+		}
+		function invalidateToken() {
+			logger.log("[CapitalOS] Invalidating token");
+			tokenData.value = void 0;
+			error.value = void 0;
+			refreshToken();
+		}
+		const state = {
+			tokenData: (0, vue.readonly)(tokenData),
+			isLoading: (0, vue.readonly)(isLoading),
+			error: (0, vue.readonly)(error),
+			invalidateToken,
+			config
+		};
+		globalState = state;
+		if (isVue3App(appOrVue)) appOrVue.provide(CAPITALOS_INJECTION_KEY, state);
+		else appOrVue.mixin({ provide() {
+			return { [CAPITALOS_INJECTION_KEY]: state };
+		} });
+		refreshToken();
+	} };
+}
+
+//#endregion
+//#region src/composables/use-capitalos-auth.ts
+/**
+* @internal
+* Internal composable for accessing CapitalOS authentication state.
+* Used by SDK components - not intended for direct consumer use.
+*/
+function useCapitalOsAuth() {
+	const state = (0, vue.inject)(CAPITALOS_INJECTION_KEY) ?? getGlobalState();
+	if (!state) throw new Error("useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts");
+	const authState = (0, vue.computed)(() => {
+		if (state.isLoading.value) return "loading";
+		if (state.error.value) return "error";
+		if (state.tokenData.value) return "authenticated";
+		return "idle";
+	});
+	return {
+		...state,
+		authState
+	};
+}
+
+//#endregion
+//#region package.json
+var version = "0.1.0-rc.1";
+
+//#endregion
+//#region src/components/CardsApp.ts
+/**
+* CardsApp component that renders the CapitalOS cards interface in an iframe.
+*
+* The component emits events for loading state - consumers should handle their own loading UI:
+*
+* @example
+* ```vue
+* <template>
+*   <div v-if="!cardsLoaded">Loading...</div>
+*   <CardsApp
+*     @loaded="cardsLoaded = true"
+*     @error="onCardsError"
+*   />
+* </template>
+*
+* <script setup>
+* import { ref } from 'vue'
+* import { CardsApp } from '@capitalos/vue'
+*
+* const cardsLoaded = ref(false)
+* const onCardsError = (error) => console.error(error)
+* </script>
+* ```
+*
+* Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.
+* For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather
+* than mount/unmount repeatedly.
+*/
+const CardsApp = (0, vue.defineComponent)({
+	name: "CardsApp",
+	props: {
+		theme: String,
+		heightOffsetPx: {
+			type: Number,
+			default: 12
+		},
+		enableLogging: Boolean
+	},
+	emits: {
+		loaded: () => true,
+		error: (error) => error instanceof __capitalos_core.CapitalOSError
+	},
+	setup(props, { emit }) {
+		const containerRef = (0, vue.ref)(null);
+		const { tokenData, config, invalidateToken } = useCapitalOsAuth();
+		let iframeManager = null;
+		function initializeIframe(token, container) {
+			iframeManager?.destroy();
+			const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false;
+			const resolvedTheme = props.theme ?? config.theme;
+			iframeManager = new __capitalos_core.IframeManager({
+				container,
+				tokenData: token,
+				renderingContext: { entryPoint: "cardsApp" },
+				theme: resolvedTheme,
+				enableLogging: resolvedEnableLogging,
+				logger: config.logger,
+				sdkVersion: version,
+				heightOffsetPx: props.heightOffsetPx,
+				callbacks: {
+					onLoad: () => {
+						emit("loaded");
+					},
+					onError: (rawError) => {
+						const capitalOsError = new __capitalos_core.CapitalOSError(rawError);
+						emit("error", capitalOsError);
+					},
+					onTokenExpired: () => {
+						invalidateToken();
+					}
+				}
+			});
+		}
+		(0, vue.watch)([tokenData, containerRef], ([newTokenData, container]) => {
+			if (newTokenData && container) initializeIframe(newTokenData, container);
+		}, { immediate: true });
+		(0, vue.onUnmounted)(() => {
+			iframeManager?.destroy();
+			iframeManager = null;
+		});
+		return () => (0, vue.h)("div", {
+			ref: (el) => {
+				containerRef.value = el;
+			},
+			class: "capitalos-iframe-container",
+			style: { width: "100%" }
+		});
+	}
+});
+
+//#endregion
+exports.CAPITALOS_INJECTION_KEY = CAPITALOS_INJECTION_KEY
+Object.defineProperty(exports, 'CapitalOSError', {
+  enumerable: true,
+  get: function () {
+    return __capitalos_core.CapitalOSError;
+  }
+});
+exports.CardsApp = CardsApp
+Object.defineProperty(exports, 'ErrorCode', {
+  enumerable: true,
+  get: function () {
+    return __capitalos_core.ErrorCode;
+  }
+});
+exports.createCapitalOs = createCapitalOs
+exports.useCapitalOsAuth = useCapitalOsAuth
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["globalState: CapitalOsState | null","error: unknown","appOrVue: Vue2Constructor | Vue3App","config: CapitalOsConfig","logger","activeAbortController: AbortController | null","TokenType","TokenParamKey","TokenParamLocation","state: CapitalOsState","error: CapitalOSError","CapitalOSError","iframeManager: IframeManager | null","token: TokenData","container: HTMLElement","IframeManager","SDK_VERSION","rawError: RawErrorDetails","el: Element | null"],"sources":["../src/plugin.ts","../src/composables/use-capitalos-auth.ts","../package.json","../src/components/CardsApp.ts"],"sourcesContent":["// =============================================================================\n// MAINTAINER NOTE: Vue 2.7 vs Vue 3 Plugin Compatibility\n// =============================================================================\n//\n// Vue 2.7 and Vue 3 call plugin.install() with DIFFERENT arguments:\n//\n// Vue 3 consumer code:\n//   const app = createApp(App)\n//   app.use(myPlugin)  // → calls myPlugin.install(app) with app INSTANCE\n//\n// Vue 2.7 consumer code:\n//   Vue.use(myPlugin)  // → calls myPlugin.install(Vue) with Vue CONSTRUCTOR\n//\n// This matters because:\n// - Vue 3's app instance has app.provide() for dependency injection\n// - Vue 2.7's Vue constructor does NOT have provide() - must use Vue.mixin()\n//\n// This plugin detects which API is available and uses the appropriate method.\n// As an additional fallback for edge cases, we also store state in a module-level\n// variable that `useCapitalOsAuth` can access if `inject()` returns undefined.\n//\n// FUTURE: If we ever need to support Vue < 2.7 or have more complex version-\n// specific logic throughout the codebase, consider using `vue-demi` package\n// (https://github.com/vueuse/vue-demi) which abstracts all Vue 2/3 differences.\n// For now, our simple detection is sufficient since Vue 2.7 has Composition API\n// backported and we only need to handle the plugin install signature difference.\n// =============================================================================\n\nimport { ref, readonly } from 'vue'\nimport {\n  exchangeOneTimeToken,\n  createLogger,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n  type TokenData,\n} from '@capitalos/core'\nimport type { CapitalOsConfig, CapitalOsState } from './types'\n\n/**\n * Injection key for CapitalOS state.\n * Used with Vue's provide/inject system.\n */\nexport const CAPITALOS_INJECTION_KEY = Symbol('capitalos')\n\n// MAINTAINER NOTE: Module-level state storage for Vue 2.7 compatibility fallback.\n//\n// In Vue 2.7, even with the mixin approach, there can be edge cases where\n// `inject()` doesn't find the provided value (e.g., in the root component\n// or components created before the mixin is applied). This global fallback\n// ensures `useCapitalOsAuth()` always has access to the state.\nlet globalState: CapitalOsState | null = null\n\n// @internal - used by useCapitalOsAuth for Vue 2.7 fallback\nexport function getGlobalState(): CapitalOsState | null {\n  return globalState\n}\n\nconst TOKEN_EXCHANGE_TIMEOUT_MS = 10_000\n\n// Converts an unknown error to an Error object\nfunction toError(error: unknown): Error {\n  if (error instanceof Error) {\n    return error\n  }\n  return new Error(String(error))\n}\n\n// MAINTAINER NOTE: Module-level guard against double installation (singleton pattern).\n//\n// This MUST be module-level (not inside createCapitalOs) because:\n// - The plugin creates reactive state that should only exist once\n// - Multiple installations would create multiple token exchange iframes\n// - Multiple auth states would cause inconsistent behavior\n//\n// If a consumer accidentally calls Vue.use(createCapitalOs(...)) twice,\n// the second call will be silently ignored with a warning.\nlet installed = false\n\n// Type for Vue 2 constructor passed to plugin install.\n// In Vue 2.7, `Vue.use(plugin)` passes the Vue constructor.\ninterface Vue2Constructor {\n  mixin: (mixin: Record<string, unknown>) => void\n  version: string\n}\n\n// Type for Vue 3 app instance passed to plugin install.\n// In Vue 3, `app.use(plugin)` passes the app instance.\ninterface Vue3App {\n  provide: (key: symbol, value: unknown) => void\n  version: string\n}\n\n// Detect Vue version by checking for Vue 3's `provide` method.\n// Vue 3 app instances have `app.provide()`, Vue 2 constructors don't.\nfunction isVue3App(appOrVue: Vue2Constructor | Vue3App): appOrVue is Vue3App {\n  return typeof (appOrVue as Vue3App).provide === 'function'\n}\n\n/**\n * Creates the CapitalOS Vue plugin.\n *\n * Usage (Vue 3):\n * ```typescript\n * import { createApp } from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * const app = createApp(App)\n * app.use(createCapitalOs({ getToken: async () => { ... } }))\n * app.mount('#app')\n * ```\n *\n * Usage (Vue 2.7):\n * ```typescript\n * import Vue from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * Vue.use(createCapitalOs({ getToken: async () => { ... } }))\n * new Vue({ render: h => h(App) }).$mount('#app')\n * ```\n */\nexport function createCapitalOs(config: CapitalOsConfig) {\n  return {\n    install(appOrVue: Vue2Constructor | Vue3App) {\n      // Prevent double installation\n      if (installed) {\n        const logger = createLogger(config.enableLogging, config.logger)\n        logger.warn('[CapitalOS] Plugin already installed, skipping duplicate installation')\n        return\n      }\n      installed = true\n\n      const logger = createLogger(config.enableLogging, config.logger)\n\n      // Create reactive state\n      const tokenData = ref<TokenData | undefined>(undefined)\n      const isLoading = ref(false)\n      const error = ref<Error | undefined>(undefined)\n\n      // AbortController for cancelling in-flight token exchanges\n      let activeAbortController: AbortController | null = null\n\n      // Refreshes the token by fetching a new one-time token and exchanging it.\n      async function refreshToken(): Promise<void> {\n        // Prevent concurrent refresh calls - if already loading, skip\n        if (isLoading.value) {\n          logger.log('[CapitalOS] Token refresh already in progress, skipping')\n          return\n        }\n\n        logger.log('[CapitalOS] Starting token refresh')\n        isLoading.value = true\n        error.value = undefined\n\n        // Abort any in-flight exchange when a new one begins\n        activeAbortController?.abort()\n        const abortController = new AbortController()\n        activeAbortController = abortController\n\n        try {\n          const oneTimeToken = await config.getToken()\n          logger.log('[CapitalOS] Received one-time token')\n\n          // Check if aborted after getToken\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          // Exchange for long-lived token using @capitalos/core\n          const result = await exchangeOneTimeToken({\n            oneTimeToken,\n            enableLogging: config.enableLogging,\n            logger: config.logger,\n            timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,\n            signal: abortController.signal,\n          })\n\n          // Check if aborted after exchange\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          tokenData.value = {\n            token: result.longLivedToken,\n            tokenType: TokenType.longLived,\n            baseUrl: result.baseUrl,\n            paramKey: TokenParamKey.accessToken,\n            paramLocation: TokenParamLocation.hash,\n          }\n          logger.log('[CapitalOS] Token exchange complete')\n        } catch (e) {\n          // Ignore abort errors\n          if (e instanceof Error && e.name === 'AbortError') {\n            return\n          }\n\n          const err = toError(e)\n          logger.error(`[CapitalOS] Token refresh failed: ${err.message}`)\n          error.value = err\n        } finally {\n          if (activeAbortController === abortController) {\n            activeAbortController = null\n          }\n          isLoading.value = false\n        }\n      }\n\n      // Invalidates the current token, triggering a refresh.\n      // Called when the iframe signals that the token has expired.\n      function invalidateToken(): void {\n        logger.log('[CapitalOS] Invalidating token')\n        tokenData.value = undefined\n        error.value = undefined\n        refreshToken()\n      }\n\n      // Create state object to provide\n      const state: CapitalOsState = {\n        tokenData: readonly(tokenData),\n        isLoading: readonly(isLoading),\n        error: readonly(error),\n        invalidateToken,\n        config,\n      }\n\n      // Store globally as fallback for Vue 2.7 edge cases where inject() fails\n      globalState = state\n\n      // Provide state using the appropriate API based on Vue version\n      if (isVue3App(appOrVue)) {\n        // Vue 3: use app.provide() - this makes state available to all components\n        // via inject(CAPITALOS_INJECTION_KEY)\n        appOrVue.provide(CAPITALOS_INJECTION_KEY, state)\n      } else {\n        // Vue 2.7: use Vue.mixin() to add a provide function to all components.\n        // This is the Vue 2 equivalent of app.provide() - it injects the provide\n        // option into every component so inject() can find our state.\n        appOrVue.mixin({\n          provide() {\n            return {\n              [CAPITALOS_INJECTION_KEY]: state,\n            }\n          },\n        })\n      }\n\n      // Start token exchange eagerly (matches Angular behavior)\n      refreshToken()\n    },\n  }\n}\n","import { inject, computed, type ComputedRef } from 'vue'\nimport { CAPITALOS_INJECTION_KEY, getGlobalState } from '../plugin'\nimport type { CapitalOsState, AuthState } from '../types'\n\n/**\n * Return type for useCapitalOsAuth composable\n */\nexport interface UseCapitalOsAuthReturn extends CapitalOsState {\n  /**\n   * Computed authentication state\n   */\n  authState: ComputedRef<AuthState>\n}\n\n/**\n * @internal\n * Internal composable for accessing CapitalOS authentication state.\n * Used by SDK components - not intended for direct consumer use.\n */\nexport function useCapitalOsAuth(): UseCapitalOsAuthReturn {\n  // MAINTAINER NOTE: Vue 2.7 vs Vue 3 Compatibility\n  //\n  // Try inject() first - this works in:\n  // - Vue 3 (via app.provide)\n  // - Vue 2.7 (via mixin provide, in most components)\n  //\n  // Fall back to getGlobalState() for Vue 2.7 edge cases where inject() fails,\n  // such as the root component or components created before the mixin is applied.\n  //\n  // Do NOT remove the ?? getGlobalState() fallback - it's required for Vue 2.7.\n  const state = inject<CapitalOsState>(CAPITALOS_INJECTION_KEY) ?? getGlobalState()\n\n  if (!state) {\n    throw new Error(\n      'useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. ' +\n        'Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts'\n    )\n  }\n\n  const authState = computed<AuthState>(() => {\n    if (state.isLoading.value) return 'loading'\n    if (state.error.value) return 'error'\n    if (state.tokenData.value) return 'authenticated'\n    return 'idle'\n  })\n\n  return {\n    ...state,\n    authState,\n  }\n}\n","{\n  \"name\": \"@capitalos/vue\",\n  \"version\": \"0.1.0-rc.1\",\n  \"description\": \"Vue SDK for CapitalOS\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"import\": {\n        \"types\": \"./dist/index.d.mts\",\n        \"default\": \"./dist/index.mjs\"\n      },\n      \"require\": {\n        \"types\": \"./dist/index.d.ts\",\n        \"default\": \"./dist/index.js\"\n      }\n    }\n  },\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"build\": \"tsdown\",\n    \"dev\": \"tsdown --watch\",\n    \"lint\": \"eslint src --ext .ts --fix\",\n    \"lint-ci\": \"eslint src --ext .ts\",\n    \"start\": \"pnpm --filter vue-test-app dev\",\n    \"start:all\": \"concurrently \\\"pnpm --filter sdk-test-server start\\\" \\\"pnpm start\\\"\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"vue\",\n    \"sdk\",\n    \"iframe\"\n  ],\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"peerDependencies\": {\n    \"vue\": \"^2.7.0 || ^3.0.0\"\n  },\n  \"dependencies\": {\n    \"@capitalos/core\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"tsdown\": \"^0.9.2\",\n    \"typescript\": \"^5.6.2\",\n    \"vue\": \"^3.5.13\",\n    \"concurrently\": \"^9.1.2\"\n  }\n}\n","// =============================================================================\n// MAINTAINER NOTE: Why defineComponent + render function instead of SFC?\n// =============================================================================\n//\n// This component uses `defineComponent()` with a render function (`h()`) instead\n// of a Single File Component (.vue file) for Vue 2.7/3 compatibility:\n//\n// - SFCs require different compilers for Vue 2 vs Vue 3\n// - Render functions work identically in both versions\n// - Simpler build - no vue-compiler needed, just TypeScript\n//\n// This is a deliberate architectural choice for cross-version compatibility.\n// Do NOT convert this to an SFC without understanding the implications.\n// =============================================================================\n\nimport { defineComponent, h, ref, watch, onUnmounted, type PropType } from 'vue'\nimport {\n  IframeManager,\n  CapitalOSError,\n  type ThemeColorScheme,\n  type TokenData,\n  type RawErrorDetails,\n} from '@capitalos/core'\nimport { useCapitalOsAuth } from '../composables/use-capitalos-auth'\nimport { version as SDK_VERSION } from '../../package.json'\n\n/**\n * CardsApp component that renders the CapitalOS cards interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!cardsLoaded\">Loading...</div>\n *   <CardsApp\n *     @loaded=\"cardsLoaded = true\"\n *     @error=\"onCardsError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { CardsApp } from '@capitalos/vue'\n *\n * const cardsLoaded = ref(false)\n * const onCardsError = (error) => console.error(error)\n * </script>\n * ```\n *\n * Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.\n * For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather\n * than mount/unmount repeatedly.\n */\nexport const CardsApp = defineComponent({\n  name: 'CardsApp',\n  props: {\n    /**\n     * Theme color scheme for the cards interface.\n     * Overrides the theme set in plugin configuration.\n     */\n    theme: String as PropType<ThemeColorScheme>,\n    /**\n     * Offset in pixels to add to the iframe height calculation.\n     * Useful for avoiding scrollbars when the content height changes dynamically.\n     */\n    heightOffsetPx: {\n      type: Number,\n      default: 12,\n    },\n    /**\n     * Whether to enable logging for debugging purposes.\n     * Overrides the enableLogging set in plugin configuration.\n     */\n    enableLogging: Boolean,\n  },\n  emits: {\n    /**\n     * Emitted when the cards interface has finished loading.\n     */\n    loaded: () => true,\n    /**\n     * Emitted when an error occurs in the cards interface.\n     */\n    error: (error: CapitalOSError) => error instanceof CapitalOSError,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    const { tokenData, config, invalidateToken } = useCapitalOsAuth()\n\n    let iframeManager: IframeManager | null = null\n\n    function initializeIframe(token: TokenData, container: HTMLElement): void {\n      // Destroy previous iframe before creating new one (matches Angular/React behavior)\n      // This ensures token refresh works correctly - new token = new iframe\n      iframeManager?.destroy()\n\n      const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false\n      const resolvedTheme = props.theme ?? config.theme\n\n      iframeManager = new IframeManager({\n        container,\n        tokenData: token,\n        renderingContext: { entryPoint: 'cardsApp' },\n        theme: resolvedTheme,\n        enableLogging: resolvedEnableLogging,\n        logger: config.logger,\n        sdkVersion: SDK_VERSION,\n        heightOffsetPx: props.heightOffsetPx,\n        callbacks: {\n          onLoad: () => {\n            emit('loaded')\n          },\n          onError: (rawError: RawErrorDetails) => {\n            const capitalOsError = new CapitalOSError(rawError)\n            emit('error', capitalOsError)\n          },\n          onTokenExpired: () => {\n            invalidateToken()\n          },\n        },\n      })\n    }\n\n    // MAINTAINER NOTE: Watch for tokenData and container changes to initialize the iframe.\n    //\n    // Why watch both tokenData AND containerRef?\n    // - tokenData: comes from async token exchange, may not be ready on mount\n    // - containerRef: DOM element, available after first render\n    //\n    // Why { immediate: true }?\n    // - If tokenData is already available when component mounts, we want to\n    //   initialize immediately without waiting for a change\n    // - Without this, the iframe wouldn't load until tokenData changes again\n    watch(\n      [tokenData, containerRef],\n      ([newTokenData, container]) => {\n        if (newTokenData && container) {\n          initializeIframe(newTokenData, container)\n        }\n      },\n      { immediate: true }\n    )\n\n    onUnmounted(() => {\n      iframeManager?.destroy()\n      iframeManager = null\n    })\n\n    // MAINTAINER NOTE: Render function - creates the container div for the iframe.\n    //\n    // Why use a function ref `ref: (el) => { ... }` instead of `ref: containerRef`?\n    //\n    // Vue 2.7 and Vue 3 handle template refs differently in render functions:\n    // - Vue 3: can use `ref: containerRef` directly\n    // - Vue 2.7: requires function ref pattern for reliable element access\n    //\n    // The function ref pattern works in both versions, so we use it for compatibility.\n    // Do NOT change this to `ref: containerRef` - it will break Vue 2.7 support.\n    //\n    // The `as unknown as string` type assertion is required because:\n    // - Vue 3's TypeScript types don't properly express that function refs are valid\n    // - The function ref pattern IS valid at runtime in both Vue 2.7 and Vue 3\n    // - This is a known limitation of Vue 3's type definitions\n    return () =>\n      h('div', {\n        // Type assertion required: Vue 3's types don't support function refs in h(),\n        // but function refs ARE valid at runtime in both Vue 2.7 and Vue 3\n        ref: ((el: Element | null) => {\n          containerRef.value = el as HTMLElement | null\n        }) as unknown as string,\n        class: 'capitalos-iframe-container',\n        style: { width: '100%' },\n      })\n  },\n})\n"],"mappings":"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"}

package/dist/index.mjs

@@ -0,0 +1,241 @@
+import { computed, defineComponent, h, inject, onUnmounted, readonly, ref, watch } from "vue";
+import { CapitalOSError, CapitalOSError as CapitalOSError$1, ErrorCode, IframeManager, TokenParamKey, TokenParamLocation, TokenType, createLogger, exchangeOneTimeToken } from "@capitalos/core";
+
+//#region src/plugin.ts
+/**
+* Injection key for CapitalOS state.
+* Used with Vue's provide/inject system.
+*/
+const CAPITALOS_INJECTION_KEY = Symbol("capitalos");
+let globalState = null;
+function getGlobalState() {
+	return globalState;
+}
+const TOKEN_EXCHANGE_TIMEOUT_MS = 1e4;
+function toError(error) {
+	if (error instanceof Error) return error;
+	return new Error(String(error));
+}
+let installed = false;
+function isVue3App(appOrVue) {
+	return typeof appOrVue.provide === "function";
+}
+/**
+* Creates the CapitalOS Vue plugin.
+*
+* Usage (Vue 3):
+* ```typescript
+* import { createApp } from 'vue'
+* import { createCapitalOs } from '@capitalos/vue'
+*
+* const app = createApp(App)
+* app.use(createCapitalOs({ getToken: async () => { ... } }))
+* app.mount('#app')
+* ```
+*
+* Usage (Vue 2.7):
+* ```typescript
+* import Vue from 'vue'
+* import { createCapitalOs } from '@capitalos/vue'
+*
+* Vue.use(createCapitalOs({ getToken: async () => { ... } }))
+* new Vue({ render: h => h(App) }).$mount('#app')
+* ```
+*/
+function createCapitalOs(config) {
+	return { install(appOrVue) {
+		if (installed) {
+			const logger$1 = createLogger(config.enableLogging, config.logger);
+			logger$1.warn("[CapitalOS] Plugin already installed, skipping duplicate installation");
+			return;
+		}
+		installed = true;
+		const logger = createLogger(config.enableLogging, config.logger);
+		const tokenData = ref(void 0);
+		const isLoading = ref(false);
+		const error = ref(void 0);
+		let activeAbortController = null;
+		async function refreshToken() {
+			if (isLoading.value) {
+				logger.log("[CapitalOS] Token refresh already in progress, skipping");
+				return;
+			}
+			logger.log("[CapitalOS] Starting token refresh");
+			isLoading.value = true;
+			error.value = void 0;
+			activeAbortController?.abort();
+			const abortController = new AbortController();
+			activeAbortController = abortController;
+			try {
+				const oneTimeToken = await config.getToken();
+				logger.log("[CapitalOS] Received one-time token");
+				if (abortController.signal.aborted) return;
+				const result = await exchangeOneTimeToken({
+					oneTimeToken,
+					enableLogging: config.enableLogging,
+					logger: config.logger,
+					timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,
+					signal: abortController.signal
+				});
+				if (abortController.signal.aborted) return;
+				tokenData.value = {
+					token: result.longLivedToken,
+					tokenType: TokenType.longLived,
+					baseUrl: result.baseUrl,
+					paramKey: TokenParamKey.accessToken,
+					paramLocation: TokenParamLocation.hash
+				};
+				logger.log("[CapitalOS] Token exchange complete");
+			} catch (e) {
+				if (e instanceof Error && e.name === "AbortError") return;
+				const err = toError(e);
+				logger.error(`[CapitalOS] Token refresh failed: ${err.message}`);
+				error.value = err;
+			} finally {
+				if (activeAbortController === abortController) activeAbortController = null;
+				isLoading.value = false;
+			}
+		}
+		function invalidateToken() {
+			logger.log("[CapitalOS] Invalidating token");
+			tokenData.value = void 0;
+			error.value = void 0;
+			refreshToken();
+		}
+		const state = {
+			tokenData: readonly(tokenData),
+			isLoading: readonly(isLoading),
+			error: readonly(error),
+			invalidateToken,
+			config
+		};
+		globalState = state;
+		if (isVue3App(appOrVue)) appOrVue.provide(CAPITALOS_INJECTION_KEY, state);
+		else appOrVue.mixin({ provide() {
+			return { [CAPITALOS_INJECTION_KEY]: state };
+		} });
+		refreshToken();
+	} };
+}
+
+//#endregion
+//#region src/composables/use-capitalos-auth.ts
+/**
+* @internal
+* Internal composable for accessing CapitalOS authentication state.
+* Used by SDK components - not intended for direct consumer use.
+*/
+function useCapitalOsAuth() {
+	const state = inject(CAPITALOS_INJECTION_KEY) ?? getGlobalState();
+	if (!state) throw new Error("useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts");
+	const authState = computed(() => {
+		if (state.isLoading.value) return "loading";
+		if (state.error.value) return "error";
+		if (state.tokenData.value) return "authenticated";
+		return "idle";
+	});
+	return {
+		...state,
+		authState
+	};
+}
+
+//#endregion
+//#region package.json
+var version = "0.1.0-rc.1";
+
+//#endregion
+//#region src/components/CardsApp.ts
+/**
+* CardsApp component that renders the CapitalOS cards interface in an iframe.
+*
+* The component emits events for loading state - consumers should handle their own loading UI:
+*
+* @example
+* ```vue
+* <template>
+*   <div v-if="!cardsLoaded">Loading...</div>
+*   <CardsApp
+*     @loaded="cardsLoaded = true"
+*     @error="onCardsError"
+*   />
+* </template>
+*
+* <script setup>
+* import { ref } from 'vue'
+* import { CardsApp } from '@capitalos/vue'
+*
+* const cardsLoaded = ref(false)
+* const onCardsError = (error) => console.error(error)
+* </script>
+* ```
+*
+* Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.
+* For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather
+* than mount/unmount repeatedly.
+*/
+const CardsApp = defineComponent({
+	name: "CardsApp",
+	props: {
+		theme: String,
+		heightOffsetPx: {
+			type: Number,
+			default: 12
+		},
+		enableLogging: Boolean
+	},
+	emits: {
+		loaded: () => true,
+		error: (error) => error instanceof CapitalOSError$1
+	},
+	setup(props, { emit }) {
+		const containerRef = ref(null);
+		const { tokenData, config, invalidateToken } = useCapitalOsAuth();
+		let iframeManager = null;
+		function initializeIframe(token, container) {
+			iframeManager?.destroy();
+			const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false;
+			const resolvedTheme = props.theme ?? config.theme;
+			iframeManager = new IframeManager({
+				container,
+				tokenData: token,
+				renderingContext: { entryPoint: "cardsApp" },
+				theme: resolvedTheme,
+				enableLogging: resolvedEnableLogging,
+				logger: config.logger,
+				sdkVersion: version,
+				heightOffsetPx: props.heightOffsetPx,
+				callbacks: {
+					onLoad: () => {
+						emit("loaded");
+					},
+					onError: (rawError) => {
+						const capitalOsError = new CapitalOSError$1(rawError);
+						emit("error", capitalOsError);
+					},
+					onTokenExpired: () => {
+						invalidateToken();
+					}
+				}
+			});
+		}
+		watch([tokenData, containerRef], ([newTokenData, container]) => {
+			if (newTokenData && container) initializeIframe(newTokenData, container);
+		}, { immediate: true });
+		onUnmounted(() => {
+			iframeManager?.destroy();
+			iframeManager = null;
+		});
+		return () => h("div", {
+			ref: (el) => {
+				containerRef.value = el;
+			},
+			class: "capitalos-iframe-container",
+			style: { width: "100%" }
+		});
+	}
+});
+
+//#endregion
+export { CAPITALOS_INJECTION_KEY, CapitalOSError, CardsApp, ErrorCode, createCapitalOs, useCapitalOsAuth };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["globalState: CapitalOsState | null","error: unknown","appOrVue: Vue2Constructor | Vue3App","config: CapitalOsConfig","logger","activeAbortController: AbortController | null","state: CapitalOsState","error: CapitalOSError","CapitalOSError","iframeManager: IframeManager | null","token: TokenData","container: HTMLElement","SDK_VERSION","rawError: RawErrorDetails","el: Element | null"],"sources":["../src/plugin.ts","../src/composables/use-capitalos-auth.ts","../package.json","../src/components/CardsApp.ts"],"sourcesContent":["// =============================================================================\n// MAINTAINER NOTE: Vue 2.7 vs Vue 3 Plugin Compatibility\n// =============================================================================\n//\n// Vue 2.7 and Vue 3 call plugin.install() with DIFFERENT arguments:\n//\n// Vue 3 consumer code:\n//   const app = createApp(App)\n//   app.use(myPlugin)  // → calls myPlugin.install(app) with app INSTANCE\n//\n// Vue 2.7 consumer code:\n//   Vue.use(myPlugin)  // → calls myPlugin.install(Vue) with Vue CONSTRUCTOR\n//\n// This matters because:\n// - Vue 3's app instance has app.provide() for dependency injection\n// - Vue 2.7's Vue constructor does NOT have provide() - must use Vue.mixin()\n//\n// This plugin detects which API is available and uses the appropriate method.\n// As an additional fallback for edge cases, we also store state in a module-level\n// variable that `useCapitalOsAuth` can access if `inject()` returns undefined.\n//\n// FUTURE: If we ever need to support Vue < 2.7 or have more complex version-\n// specific logic throughout the codebase, consider using `vue-demi` package\n// (https://github.com/vueuse/vue-demi) which abstracts all Vue 2/3 differences.\n// For now, our simple detection is sufficient since Vue 2.7 has Composition API\n// backported and we only need to handle the plugin install signature difference.\n// =============================================================================\n\nimport { ref, readonly } from 'vue'\nimport {\n  exchangeOneTimeToken,\n  createLogger,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n  type TokenData,\n} from '@capitalos/core'\nimport type { CapitalOsConfig, CapitalOsState } from './types'\n\n/**\n * Injection key for CapitalOS state.\n * Used with Vue's provide/inject system.\n */\nexport const CAPITALOS_INJECTION_KEY = Symbol('capitalos')\n\n// MAINTAINER NOTE: Module-level state storage for Vue 2.7 compatibility fallback.\n//\n// In Vue 2.7, even with the mixin approach, there can be edge cases where\n// `inject()` doesn't find the provided value (e.g., in the root component\n// or components created before the mixin is applied). This global fallback\n// ensures `useCapitalOsAuth()` always has access to the state.\nlet globalState: CapitalOsState | null = null\n\n// @internal - used by useCapitalOsAuth for Vue 2.7 fallback\nexport function getGlobalState(): CapitalOsState | null {\n  return globalState\n}\n\nconst TOKEN_EXCHANGE_TIMEOUT_MS = 10_000\n\n// Converts an unknown error to an Error object\nfunction toError(error: unknown): Error {\n  if (error instanceof Error) {\n    return error\n  }\n  return new Error(String(error))\n}\n\n// MAINTAINER NOTE: Module-level guard against double installation (singleton pattern).\n//\n// This MUST be module-level (not inside createCapitalOs) because:\n// - The plugin creates reactive state that should only exist once\n// - Multiple installations would create multiple token exchange iframes\n// - Multiple auth states would cause inconsistent behavior\n//\n// If a consumer accidentally calls Vue.use(createCapitalOs(...)) twice,\n// the second call will be silently ignored with a warning.\nlet installed = false\n\n// Type for Vue 2 constructor passed to plugin install.\n// In Vue 2.7, `Vue.use(plugin)` passes the Vue constructor.\ninterface Vue2Constructor {\n  mixin: (mixin: Record<string, unknown>) => void\n  version: string\n}\n\n// Type for Vue 3 app instance passed to plugin install.\n// In Vue 3, `app.use(plugin)` passes the app instance.\ninterface Vue3App {\n  provide: (key: symbol, value: unknown) => void\n  version: string\n}\n\n// Detect Vue version by checking for Vue 3's `provide` method.\n// Vue 3 app instances have `app.provide()`, Vue 2 constructors don't.\nfunction isVue3App(appOrVue: Vue2Constructor | Vue3App): appOrVue is Vue3App {\n  return typeof (appOrVue as Vue3App).provide === 'function'\n}\n\n/**\n * Creates the CapitalOS Vue plugin.\n *\n * Usage (Vue 3):\n * ```typescript\n * import { createApp } from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * const app = createApp(App)\n * app.use(createCapitalOs({ getToken: async () => { ... } }))\n * app.mount('#app')\n * ```\n *\n * Usage (Vue 2.7):\n * ```typescript\n * import Vue from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * Vue.use(createCapitalOs({ getToken: async () => { ... } }))\n * new Vue({ render: h => h(App) }).$mount('#app')\n * ```\n */\nexport function createCapitalOs(config: CapitalOsConfig) {\n  return {\n    install(appOrVue: Vue2Constructor | Vue3App) {\n      // Prevent double installation\n      if (installed) {\n        const logger = createLogger(config.enableLogging, config.logger)\n        logger.warn('[CapitalOS] Plugin already installed, skipping duplicate installation')\n        return\n      }\n      installed = true\n\n      const logger = createLogger(config.enableLogging, config.logger)\n\n      // Create reactive state\n      const tokenData = ref<TokenData | undefined>(undefined)\n      const isLoading = ref(false)\n      const error = ref<Error | undefined>(undefined)\n\n      // AbortController for cancelling in-flight token exchanges\n      let activeAbortController: AbortController | null = null\n\n      // Refreshes the token by fetching a new one-time token and exchanging it.\n      async function refreshToken(): Promise<void> {\n        // Prevent concurrent refresh calls - if already loading, skip\n        if (isLoading.value) {\n          logger.log('[CapitalOS] Token refresh already in progress, skipping')\n          return\n        }\n\n        logger.log('[CapitalOS] Starting token refresh')\n        isLoading.value = true\n        error.value = undefined\n\n        // Abort any in-flight exchange when a new one begins\n        activeAbortController?.abort()\n        const abortController = new AbortController()\n        activeAbortController = abortController\n\n        try {\n          const oneTimeToken = await config.getToken()\n          logger.log('[CapitalOS] Received one-time token')\n\n          // Check if aborted after getToken\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          // Exchange for long-lived token using @capitalos/core\n          const result = await exchangeOneTimeToken({\n            oneTimeToken,\n            enableLogging: config.enableLogging,\n            logger: config.logger,\n            timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,\n            signal: abortController.signal,\n          })\n\n          // Check if aborted after exchange\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          tokenData.value = {\n            token: result.longLivedToken,\n            tokenType: TokenType.longLived,\n            baseUrl: result.baseUrl,\n            paramKey: TokenParamKey.accessToken,\n            paramLocation: TokenParamLocation.hash,\n          }\n          logger.log('[CapitalOS] Token exchange complete')\n        } catch (e) {\n          // Ignore abort errors\n          if (e instanceof Error && e.name === 'AbortError') {\n            return\n          }\n\n          const err = toError(e)\n          logger.error(`[CapitalOS] Token refresh failed: ${err.message}`)\n          error.value = err\n        } finally {\n          if (activeAbortController === abortController) {\n            activeAbortController = null\n          }\n          isLoading.value = false\n        }\n      }\n\n      // Invalidates the current token, triggering a refresh.\n      // Called when the iframe signals that the token has expired.\n      function invalidateToken(): void {\n        logger.log('[CapitalOS] Invalidating token')\n        tokenData.value = undefined\n        error.value = undefined\n        refreshToken()\n      }\n\n      // Create state object to provide\n      const state: CapitalOsState = {\n        tokenData: readonly(tokenData),\n        isLoading: readonly(isLoading),\n        error: readonly(error),\n        invalidateToken,\n        config,\n      }\n\n      // Store globally as fallback for Vue 2.7 edge cases where inject() fails\n      globalState = state\n\n      // Provide state using the appropriate API based on Vue version\n      if (isVue3App(appOrVue)) {\n        // Vue 3: use app.provide() - this makes state available to all components\n        // via inject(CAPITALOS_INJECTION_KEY)\n        appOrVue.provide(CAPITALOS_INJECTION_KEY, state)\n      } else {\n        // Vue 2.7: use Vue.mixin() to add a provide function to all components.\n        // This is the Vue 2 equivalent of app.provide() - it injects the provide\n        // option into every component so inject() can find our state.\n        appOrVue.mixin({\n          provide() {\n            return {\n              [CAPITALOS_INJECTION_KEY]: state,\n            }\n          },\n        })\n      }\n\n      // Start token exchange eagerly (matches Angular behavior)\n      refreshToken()\n    },\n  }\n}\n","import { inject, computed, type ComputedRef } from 'vue'\nimport { CAPITALOS_INJECTION_KEY, getGlobalState } from '../plugin'\nimport type { CapitalOsState, AuthState } from '../types'\n\n/**\n * Return type for useCapitalOsAuth composable\n */\nexport interface UseCapitalOsAuthReturn extends CapitalOsState {\n  /**\n   * Computed authentication state\n   */\n  authState: ComputedRef<AuthState>\n}\n\n/**\n * @internal\n * Internal composable for accessing CapitalOS authentication state.\n * Used by SDK components - not intended for direct consumer use.\n */\nexport function useCapitalOsAuth(): UseCapitalOsAuthReturn {\n  // MAINTAINER NOTE: Vue 2.7 vs Vue 3 Compatibility\n  //\n  // Try inject() first - this works in:\n  // - Vue 3 (via app.provide)\n  // - Vue 2.7 (via mixin provide, in most components)\n  //\n  // Fall back to getGlobalState() for Vue 2.7 edge cases where inject() fails,\n  // such as the root component or components created before the mixin is applied.\n  //\n  // Do NOT remove the ?? getGlobalState() fallback - it's required for Vue 2.7.\n  const state = inject<CapitalOsState>(CAPITALOS_INJECTION_KEY) ?? getGlobalState()\n\n  if (!state) {\n    throw new Error(\n      'useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. ' +\n        'Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts'\n    )\n  }\n\n  const authState = computed<AuthState>(() => {\n    if (state.isLoading.value) return 'loading'\n    if (state.error.value) return 'error'\n    if (state.tokenData.value) return 'authenticated'\n    return 'idle'\n  })\n\n  return {\n    ...state,\n    authState,\n  }\n}\n","{\n  \"name\": \"@capitalos/vue\",\n  \"version\": \"0.1.0-rc.1\",\n  \"description\": \"Vue SDK for CapitalOS\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"import\": {\n        \"types\": \"./dist/index.d.mts\",\n        \"default\": \"./dist/index.mjs\"\n      },\n      \"require\": {\n        \"types\": \"./dist/index.d.ts\",\n        \"default\": \"./dist/index.js\"\n      }\n    }\n  },\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"build\": \"tsdown\",\n    \"dev\": \"tsdown --watch\",\n    \"lint\": \"eslint src --ext .ts --fix\",\n    \"lint-ci\": \"eslint src --ext .ts\",\n    \"start\": \"pnpm --filter vue-test-app dev\",\n    \"start:all\": \"concurrently \\\"pnpm --filter sdk-test-server start\\\" \\\"pnpm start\\\"\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"vue\",\n    \"sdk\",\n    \"iframe\"\n  ],\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"peerDependencies\": {\n    \"vue\": \"^2.7.0 || ^3.0.0\"\n  },\n  \"dependencies\": {\n    \"@capitalos/core\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"tsdown\": \"^0.9.2\",\n    \"typescript\": \"^5.6.2\",\n    \"vue\": \"^3.5.13\",\n    \"concurrently\": \"^9.1.2\"\n  }\n}\n","// =============================================================================\n// MAINTAINER NOTE: Why defineComponent + render function instead of SFC?\n// =============================================================================\n//\n// This component uses `defineComponent()` with a render function (`h()`) instead\n// of a Single File Component (.vue file) for Vue 2.7/3 compatibility:\n//\n// - SFCs require different compilers for Vue 2 vs Vue 3\n// - Render functions work identically in both versions\n// - Simpler build - no vue-compiler needed, just TypeScript\n//\n// This is a deliberate architectural choice for cross-version compatibility.\n// Do NOT convert this to an SFC without understanding the implications.\n// =============================================================================\n\nimport { defineComponent, h, ref, watch, onUnmounted, type PropType } from 'vue'\nimport {\n  IframeManager,\n  CapitalOSError,\n  type ThemeColorScheme,\n  type TokenData,\n  type RawErrorDetails,\n} from '@capitalos/core'\nimport { useCapitalOsAuth } from '../composables/use-capitalos-auth'\nimport { version as SDK_VERSION } from '../../package.json'\n\n/**\n * CardsApp component that renders the CapitalOS cards interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!cardsLoaded\">Loading...</div>\n *   <CardsApp\n *     @loaded=\"cardsLoaded = true\"\n *     @error=\"onCardsError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { CardsApp } from '@capitalos/vue'\n *\n * const cardsLoaded = ref(false)\n * const onCardsError = (error) => console.error(error)\n * </script>\n * ```\n *\n * Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.\n * For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather\n * than mount/unmount repeatedly.\n */\nexport const CardsApp = defineComponent({\n  name: 'CardsApp',\n  props: {\n    /**\n     * Theme color scheme for the cards interface.\n     * Overrides the theme set in plugin configuration.\n     */\n    theme: String as PropType<ThemeColorScheme>,\n    /**\n     * Offset in pixels to add to the iframe height calculation.\n     * Useful for avoiding scrollbars when the content height changes dynamically.\n     */\n    heightOffsetPx: {\n      type: Number,\n      default: 12,\n    },\n    /**\n     * Whether to enable logging for debugging purposes.\n     * Overrides the enableLogging set in plugin configuration.\n     */\n    enableLogging: Boolean,\n  },\n  emits: {\n    /**\n     * Emitted when the cards interface has finished loading.\n     */\n    loaded: () => true,\n    /**\n     * Emitted when an error occurs in the cards interface.\n     */\n    error: (error: CapitalOSError) => error instanceof CapitalOSError,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    const { tokenData, config, invalidateToken } = useCapitalOsAuth()\n\n    let iframeManager: IframeManager | null = null\n\n    function initializeIframe(token: TokenData, container: HTMLElement): void {\n      // Destroy previous iframe before creating new one (matches Angular/React behavior)\n      // This ensures token refresh works correctly - new token = new iframe\n      iframeManager?.destroy()\n\n      const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false\n      const resolvedTheme = props.theme ?? config.theme\n\n      iframeManager = new IframeManager({\n        container,\n        tokenData: token,\n        renderingContext: { entryPoint: 'cardsApp' },\n        theme: resolvedTheme,\n        enableLogging: resolvedEnableLogging,\n        logger: config.logger,\n        sdkVersion: SDK_VERSION,\n        heightOffsetPx: props.heightOffsetPx,\n        callbacks: {\n          onLoad: () => {\n            emit('loaded')\n          },\n          onError: (rawError: RawErrorDetails) => {\n            const capitalOsError = new CapitalOSError(rawError)\n            emit('error', capitalOsError)\n          },\n          onTokenExpired: () => {\n            invalidateToken()\n          },\n        },\n      })\n    }\n\n    // MAINTAINER NOTE: Watch for tokenData and container changes to initialize the iframe.\n    //\n    // Why watch both tokenData AND containerRef?\n    // - tokenData: comes from async token exchange, may not be ready on mount\n    // - containerRef: DOM element, available after first render\n    //\n    // Why { immediate: true }?\n    // - If tokenData is already available when component mounts, we want to\n    //   initialize immediately without waiting for a change\n    // - Without this, the iframe wouldn't load until tokenData changes again\n    watch(\n      [tokenData, containerRef],\n      ([newTokenData, container]) => {\n        if (newTokenData && container) {\n          initializeIframe(newTokenData, container)\n        }\n      },\n      { immediate: true }\n    )\n\n    onUnmounted(() => {\n      iframeManager?.destroy()\n      iframeManager = null\n    })\n\n    // MAINTAINER NOTE: Render function - creates the container div for the iframe.\n    //\n    // Why use a function ref `ref: (el) => { ... }` instead of `ref: containerRef`?\n    //\n    // Vue 2.7 and Vue 3 handle template refs differently in render functions:\n    // - Vue 3: can use `ref: containerRef` directly\n    // - Vue 2.7: requires function ref pattern for reliable element access\n    //\n    // The function ref pattern works in both versions, so we use it for compatibility.\n    // Do NOT change this to `ref: containerRef` - it will break Vue 2.7 support.\n    //\n    // The `as unknown as string` type assertion is required because:\n    // - Vue 3's TypeScript types don't properly express that function refs are valid\n    // - The function ref pattern IS valid at runtime in both Vue 2.7 and Vue 3\n    // - This is a known limitation of Vue 3's type definitions\n    return () =>\n      h('div', {\n        // Type assertion required: Vue 3's types don't support function refs in h(),\n        // but function refs ARE valid at runtime in both Vue 2.7 and Vue 3\n        ref: ((el: Element | null) => {\n          containerRef.value = el as HTMLElement | null\n        }) as unknown as string,\n        class: 'capitalos-iframe-container',\n        style: { width: '100%' },\n      })\n  },\n})\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@capitalos/vue",
+  "version": "0.1.0-rc.1",
+  "description": "Vue SDK for CapitalOS",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "capitalos",
+    "vue",
+    "sdk",
+    "iframe"
+  ],
+  "author": "CapitalOS",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^2.7.0 || ^3.0.0"
+  },
+  "dependencies": {
+    "@capitalos/core": "0.1.0-rc.1"
+  },
+  "devDependencies": {
+    "tsdown": "^0.9.2",
+    "typescript": "^5.6.2",
+    "vue": "^3.5.13",
+    "concurrently": "^9.1.2"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "lint": "eslint src --ext .ts --fix",
+    "lint-ci": "eslint src --ext .ts",
+    "start": "pnpm --filter vue-test-app dev",
+    "start:all": "concurrently \"pnpm --filter sdk-test-server start\" \"pnpm start\""
+  }
+}