@tenxyte/vue 0.5.0 → 0.5.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tenxyte
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,201 @@
+# @tenxyte/vue
+
+Vue 3 bindings for the [Tenxyte SDK](https://www.npmjs.com/package/@tenxyte/core). Provides reactive composables that automatically update when authentication state changes.
+
+## Installation
+
+```bash
+npm install @tenxyte/core @tenxyte/vue
+```
+
+## Quick Start
+
+### 1. Install the plugin
+
+```ts
+import { createApp } from 'vue';
+import { TenxyteClient } from '@tenxyte/core';
+import { tenxytePlugin } from '@tenxyte/vue';
+import App from './App.vue';
+
+const tx = new TenxyteClient({
+    baseUrl: 'https://api.example.com',
+    headers: { 'X-Access-Key': 'your-api-key' },
+});
+
+const app = createApp(App);
+app.use(tenxytePlugin, tx);
+app.mount('#app');
+```
+
+### 2. Use composables in any component
+
+```vue
+<script setup lang="ts">
+import { useAuth, useUser, useRbac, useOrganization } from '@tenxyte/vue';
+
+const { isAuthenticated, loading, logout } = useAuth();
+const { user } = useUser();
+const { hasRole } = useRbac();
+</script>
+
+<template>
+    <p v-if="loading">Loading...</p>
+
+    <div v-else-if="isAuthenticated">
+        <p>Welcome, {{ user?.email }}</p>
+        <AdminPanel v-if="hasRole('admin')" />
+        <button @click="logout">Logout</button>
+    </div>
+
+    <LoginPage v-else />
+</template>
+```
+
+## Composables
+
+### `useAuth()`
+
+Reactive authentication state and actions.
+
+```ts
+const {
+    isAuthenticated, // Readonly<Ref<boolean>> — true if access token is valid
+    loading,         // Readonly<Ref<boolean>> — true while initial state loads
+    accessToken,     // Readonly<Ref<string | null>> — raw JWT access token
+    loginWithEmail,  // (data: { email, password, device_info?, totp_code? }) => Promise<void>
+    loginWithPhone,  // (data: { phone_country_code, phone_number, password, device_info? }) => Promise<void>
+    logout,          // () => Promise<void>
+    register,        // (data) => Promise<void>
+} = useAuth();
+```
+
+**Example — Login form:**
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useAuth } from '@tenxyte/vue';
+
+const { isAuthenticated, loginWithEmail, logout, loading } = useAuth();
+const email = ref('');
+const password = ref('');
+
+async function handleLogin() {
+    await loginWithEmail({ email: email.value, password: password.value });
+}
+</script>
+
+<template>
+    <p v-if="loading">Loading...</p>
+    <button v-else-if="isAuthenticated" @click="logout">Logout</button>
+    <form v-else @submit.prevent="handleLogin">
+        <input v-model="email" placeholder="Email" />
+        <input v-model="password" type="password" placeholder="Password" />
+        <button type="submit">Sign In</button>
+    </form>
+</template>
+```
+
+### `useUser()`
+
+Decoded JWT user and profile management.
+
+```ts
+const {
+    user,          // Readonly<Ref<DecodedTenxyteToken | null>> — decoded JWT payload
+    loading,       // Readonly<Ref<boolean>>
+    getProfile,    // () => Promise<UserProfile> — fetch full profile from API
+    updateProfile, // (data) => Promise<unknown>
+} = useUser();
+```
+
+**Example:**
+
+```vue
+<script setup lang="ts">
+import { useUser } from '@tenxyte/vue';
+const { user, loading } = useUser();
+</script>
+
+<template>
+    <span v-if="!loading && user">{{ user.email }}</span>
+</template>
+```
+
+### `useOrganization()`
+
+Multi-tenant organization context (B2B).
+
+```ts
+const {
+    activeOrg,          // Readonly<Ref<string | null>> — current org slug
+    switchOrganization, // (slug: string) => void
+    clearOrganization,  // () => void
+} = useOrganization();
+```
+
+**Example:**
+
+```vue
+<script setup lang="ts">
+import { useOrganization } from '@tenxyte/vue';
+const { activeOrg, switchOrganization, clearOrganization } = useOrganization();
+</script>
+
+<template>
+    <select
+        :value="activeOrg ?? ''"
+        @change="(e) => (e.target as HTMLSelectElement).value
+            ? switchOrganization((e.target as HTMLSelectElement).value)
+            : clearOrganization()"
+    >
+        <option value="">No organization</option>
+        <option v-for="org in orgs" :key="org.slug" :value="org.slug">
+            {{ org.name }}
+        </option>
+    </select>
+</template>
+```
+
+### `useRbac()`
+
+Synchronous role and permission checks from the current JWT.
+
+```ts
+const {
+    hasRole,       // (role: string) => boolean
+    hasPermission, // (permission: string) => boolean
+    hasAnyRole,    // (roles: string[]) => boolean
+    hasAllRoles,   // (roles: string[]) => boolean
+} = useRbac();
+```
+
+**Example:**
+
+```vue
+<script setup lang="ts">
+import { useRbac } from '@tenxyte/vue';
+const { hasRole } = useRbac();
+</script>
+
+<template>
+    <AdminPanel v-if="hasRole('admin')" />
+    <p v-else>Access denied</p>
+</template>
+```
+
+## How It Works
+
+The `tenxytePlugin` provides the `TenxyteClient` instance via Vue's dependency injection (`app.provide`). Each composable calls `useTenxyteClient()` internally to retrieve the client, then subscribes to SDK events (`token:stored`, `token:refreshed`, `session:expired`) using `onMounted`/`onUnmounted` lifecycle hooks. Reactive state is exposed as `readonly(ref(...))` so templates update automatically.
+
+## Peer Dependencies
+
+| Package | Version |
+|---|---|
+| `@tenxyte/core` | `^0.9.2` |
+| `vue` | `^3.3.0` |
+
+## License
+
+MIT — see [LICENSE](./LICENSE)

package/dist/index.cjs

@@ -0,0 +1,204 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  TENXYTE_KEY: () => TENXYTE_KEY,
+  tenxytePlugin: () => tenxytePlugin,
+  useAuth: () => useAuth,
+  useOrganization: () => useOrganization,
+  useRbac: () => useRbac,
+  useTenxyteClient: () => useTenxyteClient,
+  useUser: () => useUser
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/plugin.ts
+var import_vue = require("vue");
+var TENXYTE_KEY = /* @__PURE__ */ Symbol("tenxyte");
+var tenxytePlugin = {
+  install(app, client) {
+    app.provide(TENXYTE_KEY, client);
+  }
+};
+function useTenxyteClient() {
+  const client = (0, import_vue.inject)(TENXYTE_KEY);
+  if (!client) {
+    throw new Error(
+      "[@tenxyte/vue] useTenxyteClient() requires the tenxytePlugin to be installed. Call app.use(tenxytePlugin, client) in your main entry."
+    );
+  }
+  return client;
+}
+
+// src/composables.ts
+var import_vue2 = require("vue");
+function useAuth() {
+  const client = useTenxyteClient();
+  const isAuthenticated = (0, import_vue2.ref)(false);
+  const loading = (0, import_vue2.ref)(true);
+  const accessToken = (0, import_vue2.ref)(null);
+  const refresh = async () => {
+    const state = await client.getState();
+    isAuthenticated.value = state.isAuthenticated;
+    accessToken.value = state.accessToken;
+    loading.value = false;
+  };
+  const unsubs = [];
+  (0, import_vue2.onMounted)(() => {
+    refresh();
+    unsubs.push(
+      client.on("token:stored", () => {
+        refresh();
+      }),
+      client.on("token:refreshed", () => {
+        refresh();
+      }),
+      client.on("session:expired", () => {
+        refresh();
+      })
+    );
+  });
+  (0, import_vue2.onUnmounted)(() => {
+    unsubs.forEach((fn) => fn());
+  });
+  const loginWithEmail = async (data) => {
+    await client.auth.loginWithEmail({ ...data, device_info: data.device_info ?? "" });
+  };
+  const loginWithPhone = async (data) => {
+    await client.auth.loginWithPhone({ ...data, device_info: data.device_info ?? "" });
+  };
+  const logout = async () => {
+    await client.auth.logoutAll();
+  };
+  const register = async (data) => {
+    await client.auth.register(data);
+  };
+  return {
+    isAuthenticated: (0, import_vue2.readonly)(isAuthenticated),
+    loading: (0, import_vue2.readonly)(loading),
+    accessToken: (0, import_vue2.readonly)(accessToken),
+    loginWithEmail,
+    loginWithPhone,
+    logout,
+    register
+  };
+}
+function useUser() {
+  const client = useTenxyteClient();
+  const user = (0, import_vue2.ref)(null);
+  const loading = (0, import_vue2.ref)(true);
+  const refresh = async () => {
+    const state = await client.getState();
+    user.value = state.user;
+    loading.value = false;
+  };
+  const unsubs = [];
+  (0, import_vue2.onMounted)(() => {
+    refresh();
+    unsubs.push(
+      client.on("token:stored", () => {
+        refresh();
+      }),
+      client.on("token:refreshed", () => {
+        refresh();
+      }),
+      client.on("session:expired", () => {
+        refresh();
+      })
+    );
+  });
+  (0, import_vue2.onUnmounted)(() => {
+    unsubs.forEach((fn) => fn());
+  });
+  const getProfile = () => client.user.getProfile();
+  const updateProfile = (data) => client.user.updateProfile(data);
+  return {
+    user: (0, import_vue2.readonly)(user),
+    loading: (0, import_vue2.readonly)(loading),
+    getProfile,
+    updateProfile
+  };
+}
+function useOrganization() {
+  const client = useTenxyteClient();
+  const activeOrg = (0, import_vue2.ref)(null);
+  const refresh = async () => {
+    const state = await client.getState();
+    activeOrg.value = state.activeOrg;
+  };
+  (0, import_vue2.onMounted)(() => {
+    refresh();
+  });
+  const switchOrganization = (slug) => {
+    client.b2b.switchOrganization(slug);
+    activeOrg.value = slug;
+  };
+  const clearOrganization = () => {
+    client.b2b.clearOrganization();
+    activeOrg.value = null;
+  };
+  return {
+    activeOrg: (0, import_vue2.readonly)(activeOrg),
+    switchOrganization,
+    clearOrganization
+  };
+}
+function useRbac() {
+  const client = useTenxyteClient();
+  const token = (0, import_vue2.ref)(null);
+  const refresh = async () => {
+    token.value = await client.getAccessToken();
+  };
+  const unsubs = [];
+  (0, import_vue2.onMounted)(() => {
+    refresh();
+    unsubs.push(
+      client.on("token:stored", () => {
+        refresh();
+      }),
+      client.on("token:refreshed", () => {
+        refresh();
+      }),
+      client.on("session:expired", () => {
+        refresh();
+      })
+    );
+  });
+  (0, import_vue2.onUnmounted)(() => {
+    unsubs.forEach((fn) => fn());
+  });
+  const hasRole = (role) => client.rbac.hasRole(role, token.value ?? void 0);
+  const hasPermission = (permission) => client.rbac.hasPermission(permission, token.value ?? void 0);
+  const hasAnyRole = (roles) => client.rbac.hasAnyRole(roles, token.value ?? void 0);
+  const hasAllRoles = (roles) => client.rbac.hasAllRoles(roles, token.value ?? void 0);
+  return { hasRole, hasPermission, hasAnyRole, hasAllRoles };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TENXYTE_KEY,
+  tenxytePlugin,
+  useAuth,
+  useOrganization,
+  useRbac,
+  useTenxyteClient,
+  useUser
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/plugin.ts","../src/composables.ts"],"sourcesContent":["export { tenxytePlugin, TENXYTE_KEY, useTenxyteClient } from './plugin';\nexport { useAuth, useUser, useOrganization, useRbac } from './composables';\nexport type { UseAuthReturn, UseUserReturn, UseOrganizationReturn, UseRbacReturn } from './composables';\n","import { inject, type App, type InjectionKey } from 'vue';\nimport type { TenxyteClient } from '@tenxyte/core';\n\n/**\n * Vue injection key for the TenxyteClient instance.\n */\nexport const TENXYTE_KEY: InjectionKey<TenxyteClient> = Symbol('tenxyte');\n\n/**\n * Vue plugin that installs the TenxyteClient into the app.\n *\n * @example\n * ```ts\n * import { createApp } from 'vue';\n * import { TenxyteClient } from '@tenxyte/core';\n * import { tenxytePlugin } from '@tenxyte/vue';\n *\n * const tx = new TenxyteClient({ baseUrl: '...' });\n * const app = createApp(App);\n * app.use(tenxytePlugin, tx);\n * app.mount('#app');\n * ```\n */\nexport const tenxytePlugin = {\n    install(app: App, client: TenxyteClient): void {\n        app.provide(TENXYTE_KEY, client);\n    },\n};\n\n/**\n * Internal helper to retrieve the TenxyteClient from Vue's injection system.\n * Throws if the plugin has not been installed.\n */\nexport function useTenxyteClient(): TenxyteClient {\n    const client = inject(TENXYTE_KEY);\n    if (!client) {\n        throw new Error(\n            '[@tenxyte/vue] useTenxyteClient() requires the tenxytePlugin to be installed. ' +\n            'Call app.use(tenxytePlugin, client) in your main entry.',\n        );\n    }\n    return client;\n}\n","import { ref, readonly, onMounted, onUnmounted, computed, type Ref, type DeepReadonly } from 'vue';\nimport type { TenxyteClient, TenxyteClientState, DecodedTenxyteToken } from '@tenxyte/core';\nimport { useTenxyteClient } from './plugin';\n\n// ─── useAuth ───\n\nexport interface UseAuthReturn {\n    /** Whether the user has a valid, non-expired access token. */\n    isAuthenticated: DeepReadonly<Ref<boolean>>;\n    /** Whether the initial state is still loading from storage. */\n    loading: DeepReadonly<Ref<boolean>>;\n    /** Raw access token string, or null. */\n    accessToken: DeepReadonly<Ref<string | null>>;\n    /** Login with email/password. */\n    loginWithEmail: (data: { email: string; password: string; device_info?: string; totp_code?: string }) => Promise<void>;\n    /** Login with phone/password. */\n    loginWithPhone: (data: { phone_country_code: string; phone_number: string; password: string; device_info?: string }) => Promise<void>;\n    /** Logout from all sessions. */\n    logout: () => Promise<void>;\n    /** Register a new account. */\n    register: (data: Record<string, unknown>) => Promise<void>;\n}\n\n/**\n * Reactive authentication composable.\n * Automatically updates when the auth state changes (login, logout, refresh, expiry).\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useAuth } from '@tenxyte/vue';\n * const { isAuthenticated, loginWithEmail, logout, loading } = useAuth();\n * </script>\n *\n * <template>\n *   <p v-if=\"loading\">Loading...</p>\n *   <button v-else-if=\"isAuthenticated\" @click=\"logout\">Logout</button>\n *   <button v-else @click=\"loginWithEmail({ email: '...', password: '...' })\">Login</button>\n * </template>\n * ```\n */\nexport function useAuth(): UseAuthReturn {\n    const client = useTenxyteClient();\n    const isAuthenticated = ref(false);\n    const loading = ref(true);\n    const accessToken = ref<string | null>(null);\n\n    const refresh = async (): Promise<void> => {\n        const state = await client.getState();\n        isAuthenticated.value = state.isAuthenticated;\n        accessToken.value = state.accessToken;\n        loading.value = false;\n    };\n\n    const unsubs: Array<() => void> = [];\n\n    onMounted(() => {\n        refresh();\n        unsubs.push(\n            client.on('token:stored', () => { refresh(); }),\n            client.on('token:refreshed', () => { refresh(); }),\n            client.on('session:expired', () => { refresh(); }),\n        );\n    });\n\n    onUnmounted(() => {\n        unsubs.forEach((fn) => fn());\n    });\n\n    const loginWithEmail = async (data: { email: string; password: string; device_info?: string; totp_code?: string }): Promise<void> => {\n        await client.auth.loginWithEmail({ ...data, device_info: data.device_info ?? '' });\n    };\n\n    const loginWithPhone = async (data: { phone_country_code: string; phone_number: string; password: string; device_info?: string }): Promise<void> => {\n        await client.auth.loginWithPhone({ ...data, device_info: data.device_info ?? '' });\n    };\n\n    const logout = async (): Promise<void> => {\n        await client.auth.logoutAll();\n    };\n\n    const register = async (data: Record<string, unknown>): Promise<void> => {\n        await client.auth.register(data as any);\n    };\n\n    return {\n        isAuthenticated: readonly(isAuthenticated),\n        loading: readonly(loading),\n        accessToken: readonly(accessToken),\n        loginWithEmail,\n        loginWithPhone,\n        logout,\n        register,\n    };\n}\n\n// ─── useUser ───\n\nexport interface UseUserReturn {\n    /** Decoded JWT payload of the current access token, or null. */\n    user: DeepReadonly<Ref<DecodedTenxyteToken | null>>;\n    /** Whether the initial state is still loading. */\n    loading: DeepReadonly<Ref<boolean>>;\n    /** Fetch the full user profile from the backend. */\n    getProfile: () => ReturnType<TenxyteClient['user']['getProfile']>;\n    /** Update the current user's profile. */\n    updateProfile: (data: Record<string, unknown>) => Promise<unknown>;\n}\n\n/**\n * Reactive user composable.\n * Returns the decoded JWT user and convenience methods for profile management.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useUser } from '@tenxyte/vue';\n * const { user, loading } = useUser();\n * </script>\n *\n * <template>\n *   <span v-if=\"!loading && user\">{{ user.email }}</span>\n * </template>\n * ```\n */\nexport function useUser(): UseUserReturn {\n    const client = useTenxyteClient();\n    const user = ref<DecodedTenxyteToken | null>(null);\n    const loading = ref(true);\n\n    const refresh = async (): Promise<void> => {\n        const state = await client.getState();\n        user.value = state.user;\n        loading.value = false;\n    };\n\n    const unsubs: Array<() => void> = [];\n\n    onMounted(() => {\n        refresh();\n        unsubs.push(\n            client.on('token:stored', () => { refresh(); }),\n            client.on('token:refreshed', () => { refresh(); }),\n            client.on('session:expired', () => { refresh(); }),\n        );\n    });\n\n    onUnmounted(() => {\n        unsubs.forEach((fn) => fn());\n    });\n\n    const getProfile = () => client.user.getProfile();\n    const updateProfile = (data: Record<string, unknown>) => client.user.updateProfile(data);\n\n    return {\n        user: readonly(user) as DeepReadonly<Ref<DecodedTenxyteToken | null>>,\n        loading: readonly(loading),\n        getProfile,\n        updateProfile,\n    };\n}\n\n// ─── useOrganization ───\n\nexport interface UseOrganizationReturn {\n    /** Currently active organization slug, or null. */\n    activeOrg: DeepReadonly<Ref<string | null>>;\n    /** Switch the SDK to operate within an organization context. */\n    switchOrganization: (slug: string) => void;\n    /** Clear the organization context. */\n    clearOrganization: () => void;\n}\n\n/**\n * Reactive organization context composable.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useOrganization } from '@tenxyte/vue';\n * const { activeOrg, switchOrganization, clearOrganization } = useOrganization();\n * </script>\n * ```\n */\nexport function useOrganization(): UseOrganizationReturn {\n    const client = useTenxyteClient();\n    const activeOrg = ref<string | null>(null);\n\n    const refresh = async (): Promise<void> => {\n        const state = await client.getState();\n        activeOrg.value = state.activeOrg;\n    };\n\n    onMounted(() => { refresh(); });\n\n    const switchOrganization = (slug: string): void => {\n        client.b2b.switchOrganization(slug);\n        activeOrg.value = slug;\n    };\n\n    const clearOrganization = (): void => {\n        client.b2b.clearOrganization();\n        activeOrg.value = null;\n    };\n\n    return {\n        activeOrg: readonly(activeOrg),\n        switchOrganization,\n        clearOrganization,\n    };\n}\n\n// ─── useRbac ───\n\nexport interface UseRbacReturn {\n    /** Check if the current user has a specific role (synchronous JWT check). */\n    hasRole: (role: string) => boolean;\n    /** Check if the current user has a specific permission (synchronous JWT check). */\n    hasPermission: (permission: string) => boolean;\n    /** Check if the current user has any of the given roles. */\n    hasAnyRole: (roles: string[]) => boolean;\n    /** Check if the current user has all of the given roles. */\n    hasAllRoles: (roles: string[]) => boolean;\n}\n\n/**\n * Reactive RBAC composable.\n * Provides synchronous role/permission checks based on the current JWT.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useRbac } from '@tenxyte/vue';\n * const { hasRole } = useRbac();\n * </script>\n *\n * <template>\n *   <AdminPanel v-if=\"hasRole('admin')\" />\n *   <p v-else>Access denied</p>\n * </template>\n * ```\n */\nexport function useRbac(): UseRbacReturn {\n    const client = useTenxyteClient();\n    const token = ref<string | null>(null);\n\n    const refresh = async (): Promise<void> => {\n        token.value = await client.getAccessToken();\n    };\n\n    const unsubs: Array<() => void> = [];\n\n    onMounted(() => {\n        refresh();\n        unsubs.push(\n            client.on('token:stored', () => { refresh(); }),\n            client.on('token:refreshed', () => { refresh(); }),\n            client.on('session:expired', () => { refresh(); }),\n        );\n    });\n\n    onUnmounted(() => {\n        unsubs.forEach((fn) => fn());\n    });\n\n    const hasRole = (role: string): boolean =>\n        client.rbac.hasRole(role, token.value ?? undefined);\n\n    const hasPermission = (permission: string): boolean =>\n        client.rbac.hasPermission(permission, token.value ?? undefined);\n\n    const hasAnyRole = (roles: string[]): boolean =>\n        client.rbac.hasAnyRole(roles, token.value ?? undefined);\n\n    const hasAllRoles = (roles: string[]): boolean =>\n        client.rbac.hasAllRoles(roles, token.value ?? undefined);\n\n    return { hasRole, hasPermission, hasAnyRole, hasAllRoles };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,iBAAoD;AAM7C,IAAM,cAA2C,uBAAO,SAAS;AAiBjE,IAAM,gBAAgB;AAAA,EACzB,QAAQ,KAAU,QAA6B;AAC3C,QAAI,QAAQ,aAAa,MAAM;AAAA,EACnC;AACJ;AAMO,SAAS,mBAAkC;AAC9C,QAAM,aAAS,mBAAO,WAAW;AACjC,MAAI,CAAC,QAAQ;AACT,UAAM,IAAI;AAAA,MACN;AAAA,IAEJ;AAAA,EACJ;AACA,SAAO;AACX;;;AC1CA,IAAAA,cAA6F;AAyCtF,SAAS,UAAyB;AACrC,QAAM,SAAS,iBAAiB;AAChC,QAAM,sBAAkB,iBAAI,KAAK;AACjC,QAAM,cAAU,iBAAI,IAAI;AACxB,QAAM,kBAAc,iBAAmB,IAAI;AAE3C,QAAM,UAAU,YAA2B;AACvC,UAAM,QAAQ,MAAM,OAAO,SAAS;AACpC,oBAAgB,QAAQ,MAAM;AAC9B,gBAAY,QAAQ,MAAM;AAC1B,YAAQ,QAAQ;AAAA,EACpB;AAEA,QAAM,SAA4B,CAAC;AAEnC,6BAAU,MAAM;AACZ,YAAQ;AACR,WAAO;AAAA,MACH,OAAO,GAAG,gBAAgB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,MAC9C,OAAO,GAAG,mBAAmB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,MACjD,OAAO,GAAG,mBAAmB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,IACrD;AAAA,EACJ,CAAC;AAED,+BAAY,MAAM;AACd,WAAO,QAAQ,CAAC,OAAO,GAAG,CAAC;AAAA,EAC/B,CAAC;AAED,QAAM,iBAAiB,OAAO,SAAuG;AACjI,UAAM,OAAO,KAAK,eAAe,EAAE,GAAG,MAAM,aAAa,KAAK,eAAe,GAAG,CAAC;AAAA,EACrF;AAEA,QAAM,iBAAiB,OAAO,SAAsH;AAChJ,UAAM,OAAO,KAAK,eAAe,EAAE,GAAG,MAAM,aAAa,KAAK,eAAe,GAAG,CAAC;AAAA,EACrF;AAEA,QAAM,SAAS,YAA2B;AACtC,UAAM,OAAO,KAAK,UAAU;AAAA,EAChC;AAEA,QAAM,WAAW,OAAO,SAAiD;AACrE,UAAM,OAAO,KAAK,SAAS,IAAW;AAAA,EAC1C;AAEA,SAAO;AAAA,IACH,qBAAiB,sBAAS,eAAe;AAAA,IACzC,aAAS,sBAAS,OAAO;AAAA,IACzB,iBAAa,sBAAS,WAAW;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;AA+BO,SAAS,UAAyB;AACrC,QAAM,SAAS,iBAAiB;AAChC,QAAM,WAAO,iBAAgC,IAAI;AACjD,QAAM,cAAU,iBAAI,IAAI;AAExB,QAAM,UAAU,YAA2B;AACvC,UAAM,QAAQ,MAAM,OAAO,SAAS;AACpC,SAAK,QAAQ,MAAM;AACnB,YAAQ,QAAQ;AAAA,EACpB;AAEA,QAAM,SAA4B,CAAC;AAEnC,6BAAU,MAAM;AACZ,YAAQ;AACR,WAAO;AAAA,MACH,OAAO,GAAG,gBAAgB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,MAC9C,OAAO,GAAG,mBAAmB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,MACjD,OAAO,GAAG,mBAAmB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,IACrD;AAAA,EACJ,CAAC;AAED,+BAAY,MAAM;AACd,WAAO,QAAQ,CAAC,OAAO,GAAG,CAAC;AAAA,EAC/B,CAAC;AAED,QAAM,aAAa,MAAM,OAAO,KAAK,WAAW;AAChD,QAAM,gBAAgB,CAAC,SAAkC,OAAO,KAAK,cAAc,IAAI;AAEvF,SAAO;AAAA,IACH,UAAM,sBAAS,IAAI;AAAA,IACnB,aAAS,sBAAS,OAAO;AAAA,IACzB;AAAA,IACA;AAAA,EACJ;AACJ;AAwBO,SAAS,kBAAyC;AACrD,QAAM,SAAS,iBAAiB;AAChC,QAAM,gBAAY,iBAAmB,IAAI;AAEzC,QAAM,UAAU,YAA2B;AACvC,UAAM,QAAQ,MAAM,OAAO,SAAS;AACpC,cAAU,QAAQ,MAAM;AAAA,EAC5B;AAEA,6BAAU,MAAM;AAAE,YAAQ;AAAA,EAAG,CAAC;AAE9B,QAAM,qBAAqB,CAAC,SAAuB;AAC/C,WAAO,IAAI,mBAAmB,IAAI;AAClC,cAAU,QAAQ;AAAA,EACtB;AAEA,QAAM,oBAAoB,MAAY;AAClC,WAAO,IAAI,kBAAkB;AAC7B,cAAU,QAAQ;AAAA,EACtB;AAEA,SAAO;AAAA,IACH,eAAW,sBAAS,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,EACJ;AACJ;AAgCO,SAAS,UAAyB;AACrC,QAAM,SAAS,iBAAiB;AAChC,QAAM,YAAQ,iBAAmB,IAAI;AAErC,QAAM,UAAU,YAA2B;AACvC,UAAM,QAAQ,MAAM,OAAO,eAAe;AAAA,EAC9C;AAEA,QAAM,SAA4B,CAAC;AAEnC,6BAAU,MAAM;AACZ,YAAQ;AACR,WAAO;AAAA,MACH,OAAO,GAAG,gBAAgB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,MAC9C,OAAO,GAAG,mBAAmB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,MACjD,OAAO,GAAG,mBAAmB,MAAM;AAAE,gBAAQ;AAAA,MAAG,CAAC;AAAA,IACrD;AAAA,EACJ,CAAC;AAED,+BAAY,MAAM;AACd,WAAO,QAAQ,CAAC,OAAO,GAAG,CAAC;AAAA,EAC/B,CAAC;AAED,QAAM,UAAU,CAAC,SACb,OAAO,KAAK,QAAQ,MAAM,MAAM,SAAS,MAAS;AAEtD,QAAM,gBAAgB,CAAC,eACnB,OAAO,KAAK,cAAc,YAAY,MAAM,SAAS,MAAS;AAElE,QAAM,aAAa,CAAC,UAChB,OAAO,KAAK,WAAW,OAAO,MAAM,SAAS,MAAS;AAE1D,QAAM,cAAc,CAAC,UACjB,OAAO,KAAK,YAAY,OAAO,MAAM,SAAS,MAAS;AAE3D,SAAO,EAAE,SAAS,eAAe,YAAY,YAAY;AAC7D;","names":["import_vue"]}

package/dist/index.d.cts

@@ -0,0 +1,153 @@
+import { InjectionKey, App, DeepReadonly, Ref } from 'vue';
+import { TenxyteClient, DecodedTenxyteToken } from '@tenxyte/core';
+
+/**
+ * Vue injection key for the TenxyteClient instance.
+ */
+declare const TENXYTE_KEY: InjectionKey<TenxyteClient>;
+/**
+ * Vue plugin that installs the TenxyteClient into the app.
+ *
+ * @example
+ * ```ts
+ * import { createApp } from 'vue';
+ * import { TenxyteClient } from '@tenxyte/core';
+ * import { tenxytePlugin } from '@tenxyte/vue';
+ *
+ * const tx = new TenxyteClient({ baseUrl: '...' });
+ * const app = createApp(App);
+ * app.use(tenxytePlugin, tx);
+ * app.mount('#app');
+ * ```
+ */
+declare const tenxytePlugin: {
+    install(app: App, client: TenxyteClient): void;
+};
+/**
+ * Internal helper to retrieve the TenxyteClient from Vue's injection system.
+ * Throws if the plugin has not been installed.
+ */
+declare function useTenxyteClient(): TenxyteClient;
+
+interface UseAuthReturn {
+    /** Whether the user has a valid, non-expired access token. */
+    isAuthenticated: DeepReadonly<Ref<boolean>>;
+    /** Whether the initial state is still loading from storage. */
+    loading: DeepReadonly<Ref<boolean>>;
+    /** Raw access token string, or null. */
+    accessToken: DeepReadonly<Ref<string | null>>;
+    /** Login with email/password. */
+    loginWithEmail: (data: {
+        email: string;
+        password: string;
+        device_info?: string;
+        totp_code?: string;
+    }) => Promise<void>;
+    /** Login with phone/password. */
+    loginWithPhone: (data: {
+        phone_country_code: string;
+        phone_number: string;
+        password: string;
+        device_info?: string;
+    }) => Promise<void>;
+    /** Logout from all sessions. */
+    logout: () => Promise<void>;
+    /** Register a new account. */
+    register: (data: Record<string, unknown>) => Promise<void>;
+}
+/**
+ * Reactive authentication composable.
+ * Automatically updates when the auth state changes (login, logout, refresh, expiry).
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useAuth } from '@tenxyte/vue';
+ * const { isAuthenticated, loginWithEmail, logout, loading } = useAuth();
+ * </script>
+ *
+ * <template>
+ *   <p v-if="loading">Loading...</p>
+ *   <button v-else-if="isAuthenticated" @click="logout">Logout</button>
+ *   <button v-else @click="loginWithEmail({ email: '...', password: '...' })">Login</button>
+ * </template>
+ * ```
+ */
+declare function useAuth(): UseAuthReturn;
+interface UseUserReturn {
+    /** Decoded JWT payload of the current access token, or null. */
+    user: DeepReadonly<Ref<DecodedTenxyteToken | null>>;
+    /** Whether the initial state is still loading. */
+    loading: DeepReadonly<Ref<boolean>>;
+    /** Fetch the full user profile from the backend. */
+    getProfile: () => ReturnType<TenxyteClient['user']['getProfile']>;
+    /** Update the current user's profile. */
+    updateProfile: (data: Record<string, unknown>) => Promise<unknown>;
+}
+/**
+ * Reactive user composable.
+ * Returns the decoded JWT user and convenience methods for profile management.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useUser } from '@tenxyte/vue';
+ * const { user, loading } = useUser();
+ * </script>
+ *
+ * <template>
+ *   <span v-if="!loading && user">{{ user.email }}</span>
+ * </template>
+ * ```
+ */
+declare function useUser(): UseUserReturn;
+interface UseOrganizationReturn {
+    /** Currently active organization slug, or null. */
+    activeOrg: DeepReadonly<Ref<string | null>>;
+    /** Switch the SDK to operate within an organization context. */
+    switchOrganization: (slug: string) => void;
+    /** Clear the organization context. */
+    clearOrganization: () => void;
+}
+/**
+ * Reactive organization context composable.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useOrganization } from '@tenxyte/vue';
+ * const { activeOrg, switchOrganization, clearOrganization } = useOrganization();
+ * </script>
+ * ```
+ */
+declare function useOrganization(): UseOrganizationReturn;
+interface UseRbacReturn {
+    /** Check if the current user has a specific role (synchronous JWT check). */
+    hasRole: (role: string) => boolean;
+    /** Check if the current user has a specific permission (synchronous JWT check). */
+    hasPermission: (permission: string) => boolean;
+    /** Check if the current user has any of the given roles. */
+    hasAnyRole: (roles: string[]) => boolean;
+    /** Check if the current user has all of the given roles. */
+    hasAllRoles: (roles: string[]) => boolean;
+}
+/**
+ * Reactive RBAC composable.
+ * Provides synchronous role/permission checks based on the current JWT.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useRbac } from '@tenxyte/vue';
+ * const { hasRole } = useRbac();
+ * </script>
+ *
+ * <template>
+ *   <AdminPanel v-if="hasRole('admin')" />
+ *   <p v-else>Access denied</p>
+ * </template>
+ * ```
+ */
+declare function useRbac(): UseRbacReturn;
+
+export { TENXYTE_KEY, type UseAuthReturn, type UseOrganizationReturn, type UseRbacReturn, type UseUserReturn, tenxytePlugin, useAuth, useOrganization, useRbac, useTenxyteClient, useUser };

package/dist/index.d.ts

@@ -0,0 +1,153 @@
+import { InjectionKey, App, DeepReadonly, Ref } from 'vue';
+import { TenxyteClient, DecodedTenxyteToken } from '@tenxyte/core';
+
+/**
+ * Vue injection key for the TenxyteClient instance.
+ */
+declare const TENXYTE_KEY: InjectionKey<TenxyteClient>;
+/**
+ * Vue plugin that installs the TenxyteClient into the app.
+ *
+ * @example
+ * ```ts
+ * import { createApp } from 'vue';
+ * import { TenxyteClient } from '@tenxyte/core';
+ * import { tenxytePlugin } from '@tenxyte/vue';
+ *
+ * const tx = new TenxyteClient({ baseUrl: '...' });
+ * const app = createApp(App);
+ * app.use(tenxytePlugin, tx);
+ * app.mount('#app');
+ * ```
+ */
+declare const tenxytePlugin: {
+    install(app: App, client: TenxyteClient): void;
+};
+/**
+ * Internal helper to retrieve the TenxyteClient from Vue's injection system.
+ * Throws if the plugin has not been installed.
+ */
+declare function useTenxyteClient(): TenxyteClient;
+
+interface UseAuthReturn {
+    /** Whether the user has a valid, non-expired access token. */
+    isAuthenticated: DeepReadonly<Ref<boolean>>;
+    /** Whether the initial state is still loading from storage. */
+    loading: DeepReadonly<Ref<boolean>>;
+    /** Raw access token string, or null. */
+    accessToken: DeepReadonly<Ref<string | null>>;
+    /** Login with email/password. */
+    loginWithEmail: (data: {
+        email: string;
+        password: string;
+        device_info?: string;
+        totp_code?: string;
+    }) => Promise<void>;
+    /** Login with phone/password. */
+    loginWithPhone: (data: {
+        phone_country_code: string;
+        phone_number: string;
+        password: string;
+        device_info?: string;
+    }) => Promise<void>;
+    /** Logout from all sessions. */
+    logout: () => Promise<void>;
+    /** Register a new account. */
+    register: (data: Record<string, unknown>) => Promise<void>;
+}
+/**
+ * Reactive authentication composable.
+ * Automatically updates when the auth state changes (login, logout, refresh, expiry).
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useAuth } from '@tenxyte/vue';
+ * const { isAuthenticated, loginWithEmail, logout, loading } = useAuth();
+ * </script>
+ *
+ * <template>
+ *   <p v-if="loading">Loading...</p>
+ *   <button v-else-if="isAuthenticated" @click="logout">Logout</button>
+ *   <button v-else @click="loginWithEmail({ email: '...', password: '...' })">Login</button>
+ * </template>
+ * ```
+ */
+declare function useAuth(): UseAuthReturn;
+interface UseUserReturn {
+    /** Decoded JWT payload of the current access token, or null. */
+    user: DeepReadonly<Ref<DecodedTenxyteToken | null>>;
+    /** Whether the initial state is still loading. */
+    loading: DeepReadonly<Ref<boolean>>;
+    /** Fetch the full user profile from the backend. */
+    getProfile: () => ReturnType<TenxyteClient['user']['getProfile']>;
+    /** Update the current user's profile. */
+    updateProfile: (data: Record<string, unknown>) => Promise<unknown>;
+}
+/**
+ * Reactive user composable.
+ * Returns the decoded JWT user and convenience methods for profile management.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useUser } from '@tenxyte/vue';
+ * const { user, loading } = useUser();
+ * </script>
+ *
+ * <template>
+ *   <span v-if="!loading && user">{{ user.email }}</span>
+ * </template>
+ * ```
+ */
+declare function useUser(): UseUserReturn;
+interface UseOrganizationReturn {
+    /** Currently active organization slug, or null. */
+    activeOrg: DeepReadonly<Ref<string | null>>;
+    /** Switch the SDK to operate within an organization context. */
+    switchOrganization: (slug: string) => void;
+    /** Clear the organization context. */
+    clearOrganization: () => void;
+}
+/**
+ * Reactive organization context composable.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useOrganization } from '@tenxyte/vue';
+ * const { activeOrg, switchOrganization, clearOrganization } = useOrganization();
+ * </script>
+ * ```
+ */
+declare function useOrganization(): UseOrganizationReturn;
+interface UseRbacReturn {
+    /** Check if the current user has a specific role (synchronous JWT check). */
+    hasRole: (role: string) => boolean;
+    /** Check if the current user has a specific permission (synchronous JWT check). */
+    hasPermission: (permission: string) => boolean;
+    /** Check if the current user has any of the given roles. */
+    hasAnyRole: (roles: string[]) => boolean;
+    /** Check if the current user has all of the given roles. */
+    hasAllRoles: (roles: string[]) => boolean;
+}
+/**
+ * Reactive RBAC composable.
+ * Provides synchronous role/permission checks based on the current JWT.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { useRbac } from '@tenxyte/vue';
+ * const { hasRole } = useRbac();
+ * </script>
+ *
+ * <template>
+ *   <AdminPanel v-if="hasRole('admin')" />
+ *   <p v-else>Access denied</p>
+ * </template>
+ * ```
+ */
+declare function useRbac(): UseRbacReturn;
+
+export { TENXYTE_KEY, type UseAuthReturn, type UseOrganizationReturn, type UseRbacReturn, type UseUserReturn, tenxytePlugin, useAuth, useOrganization, useRbac, useTenxyteClient, useUser };

package/dist/index.js

@@ -0,0 +1,171 @@
+// src/plugin.ts
+import { inject } from "vue";
+var TENXYTE_KEY = /* @__PURE__ */ Symbol("tenxyte");
+var tenxytePlugin = {
+  install(app, client) {
+    app.provide(TENXYTE_KEY, client);
+  }
+};
+function useTenxyteClient() {
+  const client = inject(TENXYTE_KEY);
+  if (!client) {
+    throw new Error(
+      "[@tenxyte/vue] useTenxyteClient() requires the tenxytePlugin to be installed. Call app.use(tenxytePlugin, client) in your main entry."
+    );
+  }
+  return client;
+}
+
+// src/composables.ts
+import { ref, readonly, onMounted, onUnmounted } from "vue";
+function useAuth() {
+  const client = useTenxyteClient();
+  const isAuthenticated = ref(false);
+  const loading = ref(true);
+  const accessToken = ref(null);
+  const refresh = async () => {
+    const state = await client.getState();
+    isAuthenticated.value = state.isAuthenticated;
+    accessToken.value = state.accessToken;
+    loading.value = false;
+  };
+  const unsubs = [];
+  onMounted(() => {
+    refresh();
+    unsubs.push(
+      client.on("token:stored", () => {
+        refresh();
+      }),
+      client.on("token:refreshed", () => {
+        refresh();
+      }),
+      client.on("session:expired", () => {
+        refresh();
+      })
+    );
+  });
+  onUnmounted(() => {
+    unsubs.forEach((fn) => fn());
+  });
+  const loginWithEmail = async (data) => {
+    await client.auth.loginWithEmail({ ...data, device_info: data.device_info ?? "" });
+  };
+  const loginWithPhone = async (data) => {
+    await client.auth.loginWithPhone({ ...data, device_info: data.device_info ?? "" });
+  };
+  const logout = async () => {
+    await client.auth.logoutAll();
+  };
+  const register = async (data) => {
+    await client.auth.register(data);
+  };
+  return {
+    isAuthenticated: readonly(isAuthenticated),
+    loading: readonly(loading),
+    accessToken: readonly(accessToken),
+    loginWithEmail,
+    loginWithPhone,
+    logout,
+    register
+  };
+}
+function useUser() {
+  const client = useTenxyteClient();
+  const user = ref(null);
+  const loading = ref(true);
+  const refresh = async () => {
+    const state = await client.getState();
+    user.value = state.user;
+    loading.value = false;
+  };
+  const unsubs = [];
+  onMounted(() => {
+    refresh();
+    unsubs.push(
+      client.on("token:stored", () => {
+        refresh();
+      }),
+      client.on("token:refreshed", () => {
+        refresh();
+      }),
+      client.on("session:expired", () => {
+        refresh();
+      })
+    );
+  });
+  onUnmounted(() => {
+    unsubs.forEach((fn) => fn());
+  });
+  const getProfile = () => client.user.getProfile();
+  const updateProfile = (data) => client.user.updateProfile(data);
+  return {
+    user: readonly(user),
+    loading: readonly(loading),
+    getProfile,
+    updateProfile
+  };
+}
+function useOrganization() {
+  const client = useTenxyteClient();
+  const activeOrg = ref(null);
+  const refresh = async () => {
+    const state = await client.getState();
+    activeOrg.value = state.activeOrg;
+  };
+  onMounted(() => {
+    refresh();
+  });
+  const switchOrganization = (slug) => {
+    client.b2b.switchOrganization(slug);
+    activeOrg.value = slug;
+  };
+  const clearOrganization = () => {
+    client.b2b.clearOrganization();
+    activeOrg.value = null;
+  };
+  return {
+    activeOrg: readonly(activeOrg),
+    switchOrganization,
+    clearOrganization
+  };
+}
+function useRbac() {
+  const client = useTenxyteClient();
+  const token = ref(null);
+  const refresh = async () => {
+    token.value = await client.getAccessToken();
+  };
+  const unsubs = [];
+  onMounted(() => {
+    refresh();
+    unsubs.push(
+      client.on("token:stored", () => {
+        refresh();
+      }),
+      client.on("token:refreshed", () => {
+        refresh();
+      }),
+      client.on("session:expired", () => {
+        refresh();
+      })
+    );
+  });
+  onUnmounted(() => {
+    unsubs.forEach((fn) => fn());
+  });
+  const hasRole = (role) => client.rbac.hasRole(role, token.value ?? void 0);
+  const hasPermission = (permission) => client.rbac.hasPermission(permission, token.value ?? void 0);
+  const hasAnyRole = (roles) => client.rbac.hasAnyRole(roles, token.value ?? void 0);
+  const hasAllRoles = (roles) => client.rbac.hasAllRoles(roles, token.value ?? void 0);
+  return { hasRole, hasPermission, hasAnyRole, hasAllRoles };
+}
+export {
+  TENXYTE_KEY,
+  tenxytePlugin,
+  useAuth,
+  useOrganization,
+  useRbac,
+  useTenxyteClient,
+  useUser
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin.ts","../src/composables.ts"],"sourcesContent":["import { inject, type App, type InjectionKey } from 'vue';\nimport type { TenxyteClient } from '@tenxyte/core';\n\n/**\n * Vue injection key for the TenxyteClient instance.\n */\nexport const TENXYTE_KEY: InjectionKey<TenxyteClient> = Symbol('tenxyte');\n\n/**\n * Vue plugin that installs the TenxyteClient into the app.\n *\n * @example\n * ```ts\n * import { createApp } from 'vue';\n * import { TenxyteClient } from '@tenxyte/core';\n * import { tenxytePlugin } from '@tenxyte/vue';\n *\n * const tx = new TenxyteClient({ baseUrl: '...' });\n * const app = createApp(App);\n * app.use(tenxytePlugin, tx);\n * app.mount('#app');\n * ```\n */\nexport const tenxytePlugin = {\n    install(app: App, client: TenxyteClient): void {\n        app.provide(TENXYTE_KEY, client);\n    },\n};\n\n/**\n * Internal helper to retrieve the TenxyteClient from Vue's injection system.\n * Throws if the plugin has not been installed.\n */\nexport function useTenxyteClient(): TenxyteClient {\n    const client = inject(TENXYTE_KEY);\n    if (!client) {\n        throw new Error(\n            '[@tenxyte/vue] useTenxyteClient() requires the tenxytePlugin to be installed. ' +\n            'Call app.use(tenxytePlugin, client) in your main entry.',\n        );\n    }\n    return client;\n}\n","import { ref, readonly, onMounted, onUnmounted, computed, type Ref, type DeepReadonly } from 'vue';\nimport type { TenxyteClient, TenxyteClientState, DecodedTenxyteToken } from '@tenxyte/core';\nimport { useTenxyteClient } from './plugin';\n\n// ─── useAuth ───\n\nexport interface UseAuthReturn {\n    /** Whether the user has a valid, non-expired access token. */\n    isAuthenticated: DeepReadonly<Ref<boolean>>;\n    /** Whether the initial state is still loading from storage. */\n    loading: DeepReadonly<Ref<boolean>>;\n    /** Raw access token string, or null. */\n    accessToken: DeepReadonly<Ref<string | null>>;\n    /** Login with email/password. */\n    loginWithEmail: (data: { email: string; password: string; device_info?: string; totp_code?: string }) => Promise<void>;\n    /** Login with phone/password. */\n    loginWithPhone: (data: { phone_country_code: string; phone_number: string; password: string; device_info?: string }) => Promise<void>;\n    /** Logout from all sessions. */\n    logout: () => Promise<void>;\n    /** Register a new account. */\n    register: (data: Record<string, unknown>) => Promise<void>;\n}\n\n/**\n * Reactive authentication composable.\n * Automatically updates when the auth state changes (login, logout, refresh, expiry).\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useAuth } from '@tenxyte/vue';\n * const { isAuthenticated, loginWithEmail, logout, loading } = useAuth();\n * </script>\n *\n * <template>\n *   <p v-if=\"loading\">Loading...</p>\n *   <button v-else-if=\"isAuthenticated\" @click=\"logout\">Logout</button>\n *   <button v-else @click=\"loginWithEmail({ email: '...', password: '...' })\">Login</button>\n * </template>\n * ```\n */\nexport function useAuth(): UseAuthReturn {\n    const client = useTenxyteClient();\n    const isAuthenticated = ref(false);\n    const loading = ref(true);\n    const accessToken = ref<string | null>(null);\n\n    const refresh = async (): Promise<void> => {\n        const state = await client.getState();\n        isAuthenticated.value = state.isAuthenticated;\n        accessToken.value = state.accessToken;\n        loading.value = false;\n    };\n\n    const unsubs: Array<() => void> = [];\n\n    onMounted(() => {\n        refresh();\n        unsubs.push(\n            client.on('token:stored', () => { refresh(); }),\n            client.on('token:refreshed', () => { refresh(); }),\n            client.on('session:expired', () => { refresh(); }),\n        );\n    });\n\n    onUnmounted(() => {\n        unsubs.forEach((fn) => fn());\n    });\n\n    const loginWithEmail = async (data: { email: string; password: string; device_info?: string; totp_code?: string }): Promise<void> => {\n        await client.auth.loginWithEmail({ ...data, device_info: data.device_info ?? '' });\n    };\n\n    const loginWithPhone = async (data: { phone_country_code: string; phone_number: string; password: string; device_info?: string }): Promise<void> => {\n        await client.auth.loginWithPhone({ ...data, device_info: data.device_info ?? '' });\n    };\n\n    const logout = async (): Promise<void> => {\n        await client.auth.logoutAll();\n    };\n\n    const register = async (data: Record<string, unknown>): Promise<void> => {\n        await client.auth.register(data as any);\n    };\n\n    return {\n        isAuthenticated: readonly(isAuthenticated),\n        loading: readonly(loading),\n        accessToken: readonly(accessToken),\n        loginWithEmail,\n        loginWithPhone,\n        logout,\n        register,\n    };\n}\n\n// ─── useUser ───\n\nexport interface UseUserReturn {\n    /** Decoded JWT payload of the current access token, or null. */\n    user: DeepReadonly<Ref<DecodedTenxyteToken | null>>;\n    /** Whether the initial state is still loading. */\n    loading: DeepReadonly<Ref<boolean>>;\n    /** Fetch the full user profile from the backend. */\n    getProfile: () => ReturnType<TenxyteClient['user']['getProfile']>;\n    /** Update the current user's profile. */\n    updateProfile: (data: Record<string, unknown>) => Promise<unknown>;\n}\n\n/**\n * Reactive user composable.\n * Returns the decoded JWT user and convenience methods for profile management.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useUser } from '@tenxyte/vue';\n * const { user, loading } = useUser();\n * </script>\n *\n * <template>\n *   <span v-if=\"!loading && user\">{{ user.email }}</span>\n * </template>\n * ```\n */\nexport function useUser(): UseUserReturn {\n    const client = useTenxyteClient();\n    const user = ref<DecodedTenxyteToken | null>(null);\n    const loading = ref(true);\n\n    const refresh = async (): Promise<void> => {\n        const state = await client.getState();\n        user.value = state.user;\n        loading.value = false;\n    };\n\n    const unsubs: Array<() => void> = [];\n\n    onMounted(() => {\n        refresh();\n        unsubs.push(\n            client.on('token:stored', () => { refresh(); }),\n            client.on('token:refreshed', () => { refresh(); }),\n            client.on('session:expired', () => { refresh(); }),\n        );\n    });\n\n    onUnmounted(() => {\n        unsubs.forEach((fn) => fn());\n    });\n\n    const getProfile = () => client.user.getProfile();\n    const updateProfile = (data: Record<string, unknown>) => client.user.updateProfile(data);\n\n    return {\n        user: readonly(user) as DeepReadonly<Ref<DecodedTenxyteToken | null>>,\n        loading: readonly(loading),\n        getProfile,\n        updateProfile,\n    };\n}\n\n// ─── useOrganization ───\n\nexport interface UseOrganizationReturn {\n    /** Currently active organization slug, or null. */\n    activeOrg: DeepReadonly<Ref<string | null>>;\n    /** Switch the SDK to operate within an organization context. */\n    switchOrganization: (slug: string) => void;\n    /** Clear the organization context. */\n    clearOrganization: () => void;\n}\n\n/**\n * Reactive organization context composable.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useOrganization } from '@tenxyte/vue';\n * const { activeOrg, switchOrganization, clearOrganization } = useOrganization();\n * </script>\n * ```\n */\nexport function useOrganization(): UseOrganizationReturn {\n    const client = useTenxyteClient();\n    const activeOrg = ref<string | null>(null);\n\n    const refresh = async (): Promise<void> => {\n        const state = await client.getState();\n        activeOrg.value = state.activeOrg;\n    };\n\n    onMounted(() => { refresh(); });\n\n    const switchOrganization = (slug: string): void => {\n        client.b2b.switchOrganization(slug);\n        activeOrg.value = slug;\n    };\n\n    const clearOrganization = (): void => {\n        client.b2b.clearOrganization();\n        activeOrg.value = null;\n    };\n\n    return {\n        activeOrg: readonly(activeOrg),\n        switchOrganization,\n        clearOrganization,\n    };\n}\n\n// ─── useRbac ───\n\nexport interface UseRbacReturn {\n    /** Check if the current user has a specific role (synchronous JWT check). */\n    hasRole: (role: string) => boolean;\n    /** Check if the current user has a specific permission (synchronous JWT check). */\n    hasPermission: (permission: string) => boolean;\n    /** Check if the current user has any of the given roles. */\n    hasAnyRole: (roles: string[]) => boolean;\n    /** Check if the current user has all of the given roles. */\n    hasAllRoles: (roles: string[]) => boolean;\n}\n\n/**\n * Reactive RBAC composable.\n * Provides synchronous role/permission checks based on the current JWT.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { useRbac } from '@tenxyte/vue';\n * const { hasRole } = useRbac();\n * </script>\n *\n * <template>\n *   <AdminPanel v-if=\"hasRole('admin')\" />\n *   <p v-else>Access denied</p>\n * </template>\n * ```\n */\nexport function useRbac(): UseRbacReturn {\n    const client = useTenxyteClient();\n    const token = ref<string | null>(null);\n\n    const refresh = async (): Promise<void> => {\n        token.value = await client.getAccessToken();\n    };\n\n    const unsubs: Array<() => void> = [];\n\n    onMounted(() => {\n        refresh();\n        unsubs.push(\n            client.on('token:stored', () => { refresh(); }),\n            client.on('token:refreshed', () => { refresh(); }),\n            client.on('session:expired', () => { refresh(); }),\n        );\n    });\n\n    onUnmounted(() => {\n        unsubs.forEach((fn) => fn());\n    });\n\n    const hasRole = (role: string): boolean =>\n        client.rbac.hasRole(role, token.value ?? undefined);\n\n    const hasPermission = (permission: string): boolean =>\n        client.rbac.hasPermission(permission, token.value ?? undefined);\n\n    const hasAnyRole = (roles: string[]): boolean =>\n        client.rbac.hasAnyRole(roles, token.value ?? undefined);\n\n    const hasAllRoles = (roles: string[]): boolean =>\n        client.rbac.hasAllRoles(roles, token.value ?? undefined);\n\n    return { hasRole, hasPermission, hasAnyRole, hasAllRoles };\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tenxyte/vue",
-    "version": "0.5.0",
+    "version": "0.5.2",
     "description": "Vue bindings for the Tenxyte SDK",
     "main": "./dist/index.cjs",
     "module": "./dist/index.js",
@@ -22,7 +22,8 @@
     ],
     "sideEffects": false,
     "publishConfig": {
-        "access": "public"
+        "access": "public",
+        "provenance": true
     },
     "scripts": {
         "build": "tsup",
@@ -42,7 +43,7 @@
     "license": "MIT",
     "type": "module",
     "peerDependencies": {
-        "@tenxyte/core": "^0.9.2",
+        "@tenxyte/core": "^0.9.3",
         "vue": "^3.3.0"
     },
     "devDependencies": {