@morscherlab/mld-sdk 0.6.0

package/dist/composables/useAsync.d.ts

@@ -0,0 +1,127 @@
+import { Ref, ComputedRef } from 'vue';
+/**
+ * Error type for async operations.
+ */
+export interface AsyncError {
+    message: string;
+    code?: string;
+    details?: Record<string, unknown>;
+    originalError?: unknown;
+}
+/**
+ * State of an async operation.
+ */
+export type AsyncState = 'idle' | 'loading' | 'success' | 'error';
+/**
+ * Return type for useAsync composable.
+ */
+export interface UseAsyncReturn<T> {
+    data: Ref<T | null>;
+    error: Ref<AsyncError | null>;
+    state: Ref<AsyncState>;
+    isIdle: ComputedRef<boolean>;
+    isLoading: ComputedRef<boolean>;
+    isSuccess: ComputedRef<boolean>;
+    isError: ComputedRef<boolean>;
+    execute: (...args: unknown[]) => Promise<T | null>;
+    reset: () => void;
+    setData: (data: T | null) => void;
+    setError: (error: AsyncError | null) => void;
+}
+/**
+ * Options for useAsync.
+ */
+export interface UseAsyncOptions<T> {
+    initialData?: T | null;
+    immediate?: boolean;
+    immediateArgs?: unknown[];
+    transformError?: (error: unknown) => AsyncError;
+    onSuccess?: (data: T) => void;
+    onError?: (error: AsyncError) => void;
+    resetOnExecute?: boolean;
+}
+/**
+ * Composable for managing async operation state.
+ *
+ * Provides standardized loading, error, and success state management
+ * for any async function.
+ *
+ * @param asyncFn - The async function to wrap
+ * @param options - Configuration options
+ *
+ * @example
+ * ```typescript
+ * // Basic usage
+ * const { data, isLoading, error, execute } = useAsync(
+ *   async (id: string) => {
+ *     const response = await api.get(`/users/${id}`)
+ *     return response.data
+ *   }
+ * )
+ *
+ * // Execute the function
+ * await execute('user-123')
+ *
+ * // In template
+ * <div v-if="isLoading">Loading...</div>
+ * <div v-else-if="error">{{ error.message }}</div>
+ * <div v-else-if="data">{{ data.name }}</div>
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // With options
+ * const { data, execute } = useAsync(
+ *   fetchUser,
+ *   {
+ *     immediate: true,
+ *     immediateArgs: ['default-user'],
+ *     onSuccess: (user) => console.log('Fetched:', user.name),
+ *     onError: (error) => toast.error(error.message),
+ *   }
+ * )
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Form submission
+ * const { isLoading, error, execute: submit } = useAsync(
+ *   async (formData: FormData) => {
+ *     await api.post('/submit', formData)
+ *   },
+ *   {
+ *     onSuccess: () => {
+ *       toast.success('Submitted!')
+ *       router.push('/success')
+ *     },
+ *   }
+ * )
+ *
+ * const handleSubmit = () => submit(new FormData(formRef.value))
+ * ```
+ */
+export declare function useAsync<T>(asyncFn: (...args: unknown[]) => Promise<T>, options?: UseAsyncOptions<T>): UseAsyncReturn<T>;
+/**
+ * Create a batch of async operations that can be executed in parallel.
+ *
+ * @example
+ * ```typescript
+ * const { results, isLoading, execute } = useAsyncBatch([
+ *   () => fetchUser(userId),
+ *   () => fetchPosts(userId),
+ *   () => fetchComments(userId),
+ * ])
+ *
+ * await execute()
+ * // results.value = [user, posts, comments]
+ * ```
+ */
+export declare function useAsyncBatch<T extends readonly (() => Promise<unknown>)[]>(asyncFns: T): {
+    results: Ref<{
+        [K in keyof T]: Awaited<ReturnType<T[K]>> | null;
+    }>;
+    errors: Ref<(AsyncError | null)[]>;
+    isLoading: Ref<boolean>;
+    execute: () => Promise<void>;
+    reset: () => void;
+};

package/dist/composables/useAsync.js

@@ -0,0 +1,141 @@
+import { ref, computed } from "vue";
+function defaultTransformError(error) {
+  if (error instanceof Error) {
+    return {
+      message: error.message,
+      originalError: error
+    };
+  }
+  if (typeof error === "object" && error !== null) {
+    const errorObj = error;
+    if ("response" in errorObj && errorObj.response) {
+      const response = errorObj.response;
+      const data = response.data;
+      return {
+        message: (data == null ? void 0 : data.detail) || (data == null ? void 0 : data.message) || "Request failed",
+        code: String(response.status),
+        details: data,
+        originalError: error
+      };
+    }
+    return {
+      message: errorObj.message || "Unknown error",
+      code: errorObj.code,
+      details: errorObj,
+      originalError: error
+    };
+  }
+  return {
+    message: String(error),
+    originalError: error
+  };
+}
+function useAsync(asyncFn, options = {}) {
+  const {
+    initialData = null,
+    immediate = false,
+    immediateArgs = [],
+    transformError = defaultTransformError,
+    onSuccess,
+    onError,
+    resetOnExecute = false
+  } = options;
+  const data = ref(initialData);
+  const error = ref(null);
+  const state = ref("idle");
+  const isIdle = computed(() => state.value === "idle");
+  const isLoading = computed(() => state.value === "loading");
+  const isSuccess = computed(() => state.value === "success");
+  const isError = computed(() => state.value === "error");
+  async function execute(...args) {
+    state.value = "loading";
+    error.value = null;
+    if (resetOnExecute) {
+      data.value = null;
+    }
+    try {
+      const result = await asyncFn(...args);
+      data.value = result;
+      state.value = "success";
+      onSuccess == null ? void 0 : onSuccess(result);
+      return result;
+    } catch (e) {
+      const asyncError = transformError(e);
+      error.value = asyncError;
+      state.value = "error";
+      onError == null ? void 0 : onError(asyncError);
+      return null;
+    }
+  }
+  function reset() {
+    data.value = initialData;
+    error.value = null;
+    state.value = "idle";
+  }
+  function setData(newData) {
+    data.value = newData;
+    if (newData !== null) {
+      state.value = "success";
+      error.value = null;
+    }
+  }
+  function setError(newError) {
+    error.value = newError;
+    if (newError !== null) {
+      state.value = "error";
+    }
+  }
+  if (immediate) {
+    execute(...immediateArgs);
+  }
+  return {
+    data,
+    error,
+    state,
+    isIdle,
+    isLoading,
+    isSuccess,
+    isError,
+    execute,
+    reset,
+    setData,
+    setError
+  };
+}
+function useAsyncBatch(asyncFns) {
+  const results = ref(asyncFns.map(() => null));
+  const errors = ref(asyncFns.map(() => null));
+  const isLoading = ref(false);
+  async function execute() {
+    isLoading.value = true;
+    errors.value = asyncFns.map(() => null);
+    const promises = asyncFns.map(async (fn, index) => {
+      try {
+        const result = await fn();
+        results.value[index] = result;
+      } catch (e) {
+        errors.value[index] = defaultTransformError(e);
+        results.value[index] = null;
+      }
+    });
+    await Promise.all(promises);
+    isLoading.value = false;
+  }
+  function reset() {
+    results.value = asyncFns.map(() => null);
+    errors.value = asyncFns.map(() => null);
+    isLoading.value = false;
+  }
+  return {
+    results,
+    errors,
+    isLoading,
+    execute,
+    reset
+  };
+}
+export {
+  useAsync,
+  useAsyncBatch
+};
+//# sourceMappingURL=useAsync.js.map

package/dist/composables/useAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsync.js","sources":["../../src/composables/useAsync.ts"],"sourcesContent":["import { ref, computed, type Ref, type ComputedRef } from 'vue'\n\n/**\n * Error type for async operations.\n */\nexport interface AsyncError {\n  message: string\n  code?: string\n  details?: Record<string, unknown>\n  originalError?: unknown\n}\n\n/**\n * State of an async operation.\n */\nexport type AsyncState = 'idle' | 'loading' | 'success' | 'error'\n\n/**\n * Return type for useAsync composable.\n */\nexport interface UseAsyncReturn<T> {\n  // Data\n  data: Ref<T | null>\n  error: Ref<AsyncError | null>\n\n  // State\n  state: Ref<AsyncState>\n  isIdle: ComputedRef<boolean>\n  isLoading: ComputedRef<boolean>\n  isSuccess: ComputedRef<boolean>\n  isError: ComputedRef<boolean>\n\n  // Methods\n  execute: (...args: unknown[]) => Promise<T | null>\n  reset: () => void\n  setData: (data: T | null) => void\n  setError: (error: AsyncError | null) => void\n}\n\n/**\n * Options for useAsync.\n */\nexport interface UseAsyncOptions<T> {\n  // Initial data value\n  initialData?: T | null\n\n  // Whether to run immediately on creation\n  immediate?: boolean\n\n  // Arguments for immediate execution\n  immediateArgs?: unknown[]\n\n  // Transform error into AsyncError\n  transformError?: (error: unknown) => AsyncError\n\n  // Called on success\n  onSuccess?: (data: T) => void\n\n  // Called on error\n  onError?: (error: AsyncError) => void\n\n  // Reset data on new execution\n  resetOnExecute?: boolean\n}\n\n/**\n * Default error transformer.\n */\nfunction defaultTransformError(error: unknown): AsyncError {\n  if (error instanceof Error) {\n    return {\n      message: error.message,\n      originalError: error,\n    }\n  }\n\n  if (typeof error === 'object' && error !== null) {\n    const errorObj = error as Record<string, unknown>\n\n    // Handle Axios-like errors\n    if ('response' in errorObj && errorObj.response) {\n      const response = errorObj.response as Record<string, unknown>\n      const data = response.data as Record<string, unknown> | undefined\n\n      return {\n        message: (data?.detail as string) || (data?.message as string) || 'Request failed',\n        code: String(response.status),\n        details: data,\n        originalError: error,\n      }\n    }\n\n    // Handle generic error objects\n    return {\n      message: (errorObj.message as string) || 'Unknown error',\n      code: errorObj.code as string | undefined,\n      details: errorObj,\n      originalError: error,\n    }\n  }\n\n  return {\n    message: String(error),\n    originalError: error,\n  }\n}\n\n/**\n * Composable for managing async operation state.\n *\n * Provides standardized loading, error, and success state management\n * for any async function.\n *\n * @param asyncFn - The async function to wrap\n * @param options - Configuration options\n *\n * @example\n * ```typescript\n * // Basic usage\n * const { data, isLoading, error, execute } = useAsync(\n *   async (id: string) => {\n *     const response = await api.get(`/users/${id}`)\n *     return response.data\n *   }\n * )\n *\n * // Execute the function\n * await execute('user-123')\n *\n * // In template\n * <div v-if=\"isLoading\">Loading...</div>\n * <div v-else-if=\"error\">{{ error.message }}</div>\n * <div v-else-if=\"data\">{{ data.name }}</div>\n * ```\n *\n * @example\n * ```typescript\n * // With options\n * const { data, execute } = useAsync(\n *   fetchUser,\n *   {\n *     immediate: true,\n *     immediateArgs: ['default-user'],\n *     onSuccess: (user) => console.log('Fetched:', user.name),\n *     onError: (error) => toast.error(error.message),\n *   }\n * )\n * ```\n *\n * @example\n * ```typescript\n * // Form submission\n * const { isLoading, error, execute: submit } = useAsync(\n *   async (formData: FormData) => {\n *     await api.post('/submit', formData)\n *   },\n *   {\n *     onSuccess: () => {\n *       toast.success('Submitted!')\n *       router.push('/success')\n *     },\n *   }\n * )\n *\n * const handleSubmit = () => submit(new FormData(formRef.value))\n * ```\n */\nexport function useAsync<T>(\n  asyncFn: (...args: unknown[]) => Promise<T>,\n  options: UseAsyncOptions<T> = {}\n): UseAsyncReturn<T> {\n  const {\n    initialData = null,\n    immediate = false,\n    immediateArgs = [],\n    transformError = defaultTransformError,\n    onSuccess,\n    onError,\n    resetOnExecute = false,\n  } = options\n\n  // State\n  const data = ref<T | null>(initialData) as Ref<T | null>\n  const error = ref<AsyncError | null>(null)\n  const state = ref<AsyncState>('idle')\n\n  // Computed state helpers\n  const isIdle = computed(() => state.value === 'idle')\n  const isLoading = computed(() => state.value === 'loading')\n  const isSuccess = computed(() => state.value === 'success')\n  const isError = computed(() => state.value === 'error')\n\n  // Execute the async function\n  async function execute(...args: unknown[]): Promise<T | null> {\n    state.value = 'loading'\n    error.value = null\n\n    if (resetOnExecute) {\n      data.value = null\n    }\n\n    try {\n      const result = await asyncFn(...args)\n      data.value = result\n      state.value = 'success'\n      onSuccess?.(result)\n      return result\n    } catch (e) {\n      const asyncError = transformError(e)\n      error.value = asyncError\n      state.value = 'error'\n      onError?.(asyncError)\n      return null\n    }\n  }\n\n  // Reset to initial state\n  function reset(): void {\n    data.value = initialData\n    error.value = null\n    state.value = 'idle'\n  }\n\n  // Manual data setter\n  function setData(newData: T | null): void {\n    data.value = newData\n    if (newData !== null) {\n      state.value = 'success'\n      error.value = null\n    }\n  }\n\n  // Manual error setter\n  function setError(newError: AsyncError | null): void {\n    error.value = newError\n    if (newError !== null) {\n      state.value = 'error'\n    }\n  }\n\n  // Execute immediately if requested\n  if (immediate) {\n    execute(...immediateArgs)\n  }\n\n  return {\n    data,\n    error,\n    state,\n    isIdle,\n    isLoading,\n    isSuccess,\n    isError,\n    execute,\n    reset,\n    setData,\n    setError,\n  }\n}\n\n/**\n * Create a batch of async operations that can be executed in parallel.\n *\n * @example\n * ```typescript\n * const { results, isLoading, execute } = useAsyncBatch([\n *   () => fetchUser(userId),\n *   () => fetchPosts(userId),\n *   () => fetchComments(userId),\n * ])\n *\n * await execute()\n * // results.value = [user, posts, comments]\n * ```\n */\nexport function useAsyncBatch<T extends readonly (() => Promise<unknown>)[]>(\n  asyncFns: T\n): {\n  results: Ref<{ [K in keyof T]: Awaited<ReturnType<T[K]>> | null }>\n  errors: Ref<(AsyncError | null)[]>\n  isLoading: Ref<boolean>\n  execute: () => Promise<void>\n  reset: () => void\n} {\n  type Results = { [K in keyof T]: Awaited<ReturnType<T[K]>> | null }\n\n  const results = ref<Results>(asyncFns.map(() => null) as unknown as Results) as Ref<Results>\n  const errors = ref<(AsyncError | null)[]>(asyncFns.map(() => null))\n  const isLoading = ref(false)\n\n  async function execute(): Promise<void> {\n    isLoading.value = true\n    errors.value = asyncFns.map(() => null)\n\n    const promises = asyncFns.map(async (fn, index) => {\n      try {\n        const result = await fn()\n        ;(results.value as unknown[])[index] = result\n      } catch (e) {\n        errors.value[index] = defaultTransformError(e)\n        ;(results.value as unknown[])[index] = null\n      }\n    })\n\n    await Promise.all(promises)\n    isLoading.value = false\n  }\n\n  function reset(): void {\n    results.value = asyncFns.map(() => null) as unknown as Results\n    errors.value = asyncFns.map(() => null)\n    isLoading.value = false\n  }\n\n  return {\n    results,\n    errors,\n    isLoading,\n    execute,\n    reset,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/composables/useAuth.d.ts

@@ -0,0 +1,44 @@
+import { Ref } from 'vue';
+import { AuthConfig, UserInfo } from '../types';
+/**
+ * Authentication composable with automatic token refresh.
+ *
+ * Features:
+ * - Automatic token refresh before expiration
+ * - Login/logout/register functionality
+ * - Token verification on startup
+ * - User profile management
+ *
+ * @example
+ * ```typescript
+ * const { login, logout, isAuthenticated, user } = useAuth()
+ *
+ * // Login
+ * const success = await login('username', 'password')
+ *
+ * // Automatic refresh is enabled by default
+ * // Tokens are refreshed 5 minutes before expiration
+ * ```
+ */
+export interface UseAuthReturn {
+    login: (username: string, password: string) => Promise<boolean>;
+    logout: () => void;
+    register: (username: string, password: string, email?: string) => Promise<boolean>;
+    verifyToken: () => Promise<boolean>;
+    fetchAuthConfig: () => Promise<AuthConfig>;
+    initializeAuth: () => Promise<void>;
+    getCurrentUser: () => Promise<UserInfo | null>;
+    getAuthHeader: () => Record<string, string>;
+    updateProfile: (data: {
+        email?: string;
+        shortname?: string;
+        currentPassword?: string;
+        newPassword?: string;
+    }) => Promise<{
+        success: boolean;
+        error?: string;
+    }>;
+    refreshToken: () => Promise<boolean>;
+    isRefreshing: Ref<boolean>;
+}
+export declare function useAuth(): UseAuthReturn;

package/dist/composables/useAuth.js

@@ -0,0 +1,286 @@
+import axios from "axios";
+import { ref, onMounted, onUnmounted, watch } from "vue";
+import { useAuthStore } from "../stores/auth.js";
+import { useSettingsStore } from "../stores/settings.js";
+const TOKEN_REFRESH_MARGIN_MS = 5 * 60 * 1e3;
+const TOKEN_REFRESH_CHECK_INTERVAL_MS = 60 * 1e3;
+function useAuth() {
+  const authStore = useAuthStore();
+  const settingsStore = useSettingsStore();
+  const refreshTimerId = ref(null);
+  const isRefreshing = ref(false);
+  function getApiBaseUrl() {
+    return settingsStore.getApiBaseUrl();
+  }
+  async function fetchAuthConfig() {
+    try {
+      const response = await axios.get(`${getApiBaseUrl()}/setup/config/public`);
+      const config = {
+        authRequired: response.data.auth_required,
+        passkeyEnabled: response.data.passkey_enabled,
+        passkeyRegistered: response.data.passkey_registered ?? false,
+        registrationEnabled: response.data.registration_enabled ?? false,
+        databaseMode: response.data.database_mode ?? "none"
+      };
+      authStore.setAuthConfig(config);
+      return config;
+    } catch (error) {
+      console.error("Failed to fetch auth config:", error);
+      return {
+        authRequired: false,
+        passkeyEnabled: false,
+        passkeyRegistered: false,
+        registrationEnabled: false,
+        databaseMode: "none"
+      };
+    }
+  }
+  async function login(username, password) {
+    authStore.setLoading(true);
+    authStore.setError(null);
+    try {
+      const response = await axios.post(
+        `${getApiBaseUrl()}/auth/login`,
+        { username, password }
+      );
+      authStore.setToken(response.data.access_token, response.data.expires_in);
+      authStore.setUsername(username);
+      await getCurrentUser();
+      scheduleTokenRefresh();
+      return true;
+    } catch (error) {
+      if (axios.isAxiosError(error) && error.response) {
+        authStore.setError(error.response.data.detail || "Login failed");
+      } else {
+        authStore.setError("Network error. Please try again.");
+      }
+      return false;
+    } finally {
+      authStore.setLoading(false);
+    }
+  }
+  async function register(username, password, email) {
+    authStore.setLoading(true);
+    authStore.setError(null);
+    try {
+      await axios.post(
+        `${getApiBaseUrl()}/users/register`,
+        { username, password, email }
+      );
+      return await login(username, password);
+    } catch (error) {
+      if (axios.isAxiosError(error) && error.response) {
+        authStore.setError(error.response.data.detail || "Registration failed");
+      } else {
+        authStore.setError("Network error. Please try again.");
+      }
+      return false;
+    } finally {
+      authStore.setLoading(false);
+    }
+  }
+  async function getCurrentUser() {
+    if (!authStore.token) {
+      return null;
+    }
+    try {
+      const response = await axios.get(
+        `${getApiBaseUrl()}/users/me`,
+        { headers: getAuthHeader() }
+      );
+      const userInfo = {
+        id: response.data.id,
+        username: response.data.username,
+        shortname: response.data.shortname,
+        email: response.data.email,
+        role: response.data.role,
+        isActive: response.data.is_active
+      };
+      authStore.setUserInfo(userInfo);
+      return userInfo;
+    } catch {
+      return null;
+    }
+  }
+  async function verifyToken() {
+    if (!authStore.token) {
+      return false;
+    }
+    try {
+      const response = await axios.get(
+        `${getApiBaseUrl()}/auth/verify`,
+        {
+          headers: {
+            Authorization: `Bearer ${authStore.token}`
+          }
+        }
+      );
+      if (response.data.valid && response.data.username) {
+        authStore.setUsername(response.data.username);
+        return true;
+      }
+      authStore.clearToken();
+      return false;
+    } catch {
+      authStore.clearToken();
+      return false;
+    }
+  }
+  let refreshPromise = null;
+  async function refreshToken() {
+    if (!authStore.token) return false;
+    if (refreshPromise) return refreshPromise;
+    refreshPromise = (async () => {
+      var _a;
+      isRefreshing.value = true;
+      try {
+        const response = await axios.post(
+          `${getApiBaseUrl()}/auth/refresh`,
+          {},
+          { headers: getAuthHeader() }
+        );
+        authStore.setToken(response.data.access_token, response.data.expires_in);
+        scheduleTokenRefresh();
+        return true;
+      } catch (error) {
+        if (axios.isAxiosError(error) && ((_a = error.response) == null ? void 0 : _a.status) === 401) {
+          console.warn("[Auth] Token refresh failed - session expired");
+          authStore.clearToken();
+          stopTokenRefresh();
+        }
+        return false;
+      } finally {
+        isRefreshing.value = false;
+        refreshPromise = null;
+      }
+    })();
+    return refreshPromise;
+  }
+  function scheduleTokenRefresh() {
+    stopTokenRefresh();
+    if (!authStore.tokenExpires) {
+      return;
+    }
+    const expiresAt = authStore.tokenExpires.getTime();
+    const refreshAt = expiresAt - TOKEN_REFRESH_MARGIN_MS;
+    const now = Date.now();
+    if (refreshAt <= now) {
+      refreshToken();
+      return;
+    }
+    const delay = refreshAt - now;
+    refreshTimerId.value = window.setTimeout(() => {
+      refreshToken();
+    }, delay);
+  }
+  function stopTokenRefresh() {
+    if (refreshTimerId.value !== null) {
+      window.clearTimeout(refreshTimerId.value);
+      refreshTimerId.value = null;
+    }
+  }
+  function checkAndRefreshIfNeeded() {
+    if (!authStore.token || !authStore.tokenExpires) {
+      return;
+    }
+    const expiresAt = authStore.tokenExpires.getTime();
+    const refreshAt = expiresAt - TOKEN_REFRESH_MARGIN_MS;
+    const now = Date.now();
+    if (now >= refreshAt) {
+      refreshToken();
+    }
+  }
+  async function initializeAuth() {
+    authStore.initialize();
+    await fetchAuthConfig();
+    if (authStore.token) {
+      const valid = await verifyToken();
+      if (valid) {
+        await getCurrentUser();
+        scheduleTokenRefresh();
+      }
+    }
+  }
+  function logout() {
+    stopTokenRefresh();
+    authStore.logout();
+  }
+  function getAuthHeader() {
+    if (authStore.token) {
+      return { Authorization: `Bearer ${authStore.token}` };
+    }
+    return {};
+  }
+  async function updateProfile(data) {
+    if (!authStore.token) {
+      return { success: false, error: "Not authenticated" };
+    }
+    try {
+      const requestData = {};
+      if (data.email !== void 0) requestData.email = data.email;
+      if (data.shortname !== void 0) requestData.shortname = data.shortname;
+      if (data.currentPassword) requestData.current_password = data.currentPassword;
+      if (data.newPassword) requestData.new_password = data.newPassword;
+      const response = await axios.put(
+        `${getApiBaseUrl()}/users/me`,
+        requestData,
+        { headers: getAuthHeader() }
+      );
+      const userInfo = {
+        id: response.data.id,
+        username: response.data.username,
+        shortname: response.data.shortname,
+        email: response.data.email,
+        role: response.data.role,
+        isActive: response.data.is_active
+      };
+      authStore.setUserInfo(userInfo);
+      return { success: true };
+    } catch (error) {
+      if (axios.isAxiosError(error) && error.response) {
+        return { success: false, error: error.response.data.detail || "Update failed" };
+      }
+      return { success: false, error: "Network error. Please try again." };
+    }
+  }
+  let checkInterval = null;
+  onMounted(() => {
+    checkInterval = window.setInterval(checkAndRefreshIfNeeded, TOKEN_REFRESH_CHECK_INTERVAL_MS);
+  });
+  onUnmounted(() => {
+    stopTokenRefresh();
+    if (checkInterval !== null) {
+      window.clearInterval(checkInterval);
+      checkInterval = null;
+    }
+  });
+  watch(
+    () => authStore.tokenExpires,
+    (newExpires) => {
+      if (newExpires) {
+        scheduleTokenRefresh();
+      } else {
+        stopTokenRefresh();
+      }
+    }
+  );
+  return {
+    // Core auth methods
+    login,
+    logout,
+    register,
+    verifyToken,
+    fetchAuthConfig,
+    initializeAuth,
+    getCurrentUser,
+    getAuthHeader,
+    updateProfile,
+    // Token refresh
+    refreshToken,
+    isRefreshing
+  };
+}
+export {
+  useAuth
+};
+//# sourceMappingURL=useAuth.js.map

package/dist/composables/useAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.js","sources":["../../src/composables/useAuth.ts"],"sourcesContent":["import axios from 'axios'\nimport { ref, onMounted, onUnmounted, watch, type Ref } from 'vue'\nimport { useAuthStore } from '../stores/auth'\nimport { useSettingsStore } from '../stores/settings'\nimport type { AuthConfig, UserInfo, LoginResponse, TokenVerifyResponse, UpdateProfileRequest } from '../types'\n\ninterface UserResponse {\n  id: string\n  username: string\n  shortname: string | null\n  email: string | null\n  role: string\n  is_active: boolean\n}\n\ninterface RefreshResponse {\n  access_token: string\n  expires_in: number\n  token_type: string\n}\n\n// Token refresh configuration\nconst TOKEN_REFRESH_MARGIN_MS = 5 * 60 * 1000 // Refresh 5 minutes before expiry\nconst TOKEN_REFRESH_CHECK_INTERVAL_MS = 60 * 1000 // Check every minute\n\n/**\n * Authentication composable with automatic token refresh.\n *\n * Features:\n * - Automatic token refresh before expiration\n * - Login/logout/register functionality\n * - Token verification on startup\n * - User profile management\n *\n * @example\n * ```typescript\n * const { login, logout, isAuthenticated, user } = useAuth()\n *\n * // Login\n * const success = await login('username', 'password')\n *\n * // Automatic refresh is enabled by default\n * // Tokens are refreshed 5 minutes before expiration\n * ```\n */\nexport interface UseAuthReturn {\n  login: (username: string, password: string) => Promise<boolean>\n  logout: () => void\n  register: (username: string, password: string, email?: string) => Promise<boolean>\n  verifyToken: () => Promise<boolean>\n  fetchAuthConfig: () => Promise<AuthConfig>\n  initializeAuth: () => Promise<void>\n  getCurrentUser: () => Promise<UserInfo | null>\n  getAuthHeader: () => Record<string, string>\n  updateProfile: (data: { email?: string; shortname?: string; currentPassword?: string; newPassword?: string }) => Promise<{ success: boolean; error?: string }>\n  refreshToken: () => Promise<boolean>\n  isRefreshing: Ref<boolean>\n}\n\nexport function useAuth(): UseAuthReturn {\n  const authStore = useAuthStore()\n  const settingsStore = useSettingsStore()\n\n  // Track refresh timer\n  const refreshTimerId = ref<number | null>(null)\n  const isRefreshing = ref(false)\n\n  function getApiBaseUrl(): string {\n    return settingsStore.getApiBaseUrl()\n  }\n\n  async function fetchAuthConfig(): Promise<AuthConfig> {\n    try {\n      const response = await axios.get<{\n        auth_required: boolean\n        passkey_enabled: boolean\n        passkey_registered?: boolean\n        registration_enabled?: boolean\n        database_mode?: string\n      }>(`${getApiBaseUrl()}/setup/config/public`)\n\n      const config: AuthConfig = {\n        authRequired: response.data.auth_required,\n        passkeyEnabled: response.data.passkey_enabled,\n        passkeyRegistered: response.data.passkey_registered ?? false,\n        registrationEnabled: response.data.registration_enabled ?? false,\n        databaseMode: response.data.database_mode ?? 'none',\n      }\n\n      authStore.setAuthConfig(config)\n      return config\n    } catch (error) {\n      console.error('Failed to fetch auth config:', error)\n      return {\n        authRequired: false,\n        passkeyEnabled: false,\n        passkeyRegistered: false,\n        registrationEnabled: false,\n        databaseMode: 'none',\n      }\n    }\n  }\n\n  async function login(username: string, password: string): Promise<boolean> {\n    authStore.setLoading(true)\n    authStore.setError(null)\n\n    try {\n      const response = await axios.post<LoginResponse>(\n        `${getApiBaseUrl()}/auth/login`,\n        { username, password }\n      )\n\n      authStore.setToken(response.data.access_token, response.data.expires_in)\n      authStore.setUsername(username)\n\n      await getCurrentUser()\n\n      // Start auto-refresh after successful login\n      scheduleTokenRefresh()\n\n      return true\n    } catch (error) {\n      if (axios.isAxiosError(error) && error.response) {\n        authStore.setError(error.response.data.detail || 'Login failed')\n      } else {\n        authStore.setError('Network error. Please try again.')\n      }\n      return false\n    } finally {\n      authStore.setLoading(false)\n    }\n  }\n\n  async function register(username: string, password: string, email?: string): Promise<boolean> {\n    authStore.setLoading(true)\n    authStore.setError(null)\n\n    try {\n      await axios.post<UserResponse>(\n        `${getApiBaseUrl()}/users/register`,\n        { username, password, email }\n      )\n\n      return await login(username, password)\n    } catch (error) {\n      if (axios.isAxiosError(error) && error.response) {\n        authStore.setError(error.response.data.detail || 'Registration failed')\n      } else {\n        authStore.setError('Network error. Please try again.')\n      }\n      return false\n    } finally {\n      authStore.setLoading(false)\n    }\n  }\n\n  async function getCurrentUser(): Promise<UserInfo | null> {\n    if (!authStore.token) {\n      return null\n    }\n\n    try {\n      const response = await axios.get<UserResponse>(\n        `${getApiBaseUrl()}/users/me`,\n        { headers: getAuthHeader() }\n      )\n\n      const userInfo: UserInfo = {\n        id: response.data.id,\n        username: response.data.username,\n        shortname: response.data.shortname,\n        email: response.data.email,\n        role: response.data.role,\n        isActive: response.data.is_active,\n      }\n\n      authStore.setUserInfo(userInfo)\n      return userInfo\n    } catch {\n      return null\n    }\n  }\n\n  async function verifyToken(): Promise<boolean> {\n    if (!authStore.token) {\n      return false\n    }\n\n    try {\n      const response = await axios.get<TokenVerifyResponse>(\n        `${getApiBaseUrl()}/auth/verify`,\n        {\n          headers: {\n            Authorization: `Bearer ${authStore.token}`,\n          },\n        }\n      )\n\n      if (response.data.valid && response.data.username) {\n        authStore.setUsername(response.data.username)\n        return true\n      }\n\n      authStore.clearToken()\n      return false\n    } catch {\n      authStore.clearToken()\n      return false\n    }\n  }\n\n  /**\n   * Refresh the authentication token.\n   * Called automatically before token expiration.\n   * Uses promise caching to prevent concurrent refresh requests.\n   */\n  let refreshPromise: Promise<boolean> | null = null\n\n  async function refreshToken(): Promise<boolean> {\n    if (!authStore.token) return false\n    if (refreshPromise) return refreshPromise\n\n    refreshPromise = (async () => {\n      isRefreshing.value = true\n\n      try {\n        const response = await axios.post<RefreshResponse>(\n          `${getApiBaseUrl()}/auth/refresh`,\n          {},\n          { headers: getAuthHeader() }\n        )\n\n        authStore.setToken(response.data.access_token, response.data.expires_in)\n\n        // Reschedule next refresh\n        scheduleTokenRefresh()\n\n        return true\n      } catch (error) {\n        // If refresh fails, the token may have been revoked\n        // Clear auth state and let user re-login\n        if (axios.isAxiosError(error) && error.response?.status === 401) {\n          console.warn('[Auth] Token refresh failed - session expired')\n          authStore.clearToken()\n          stopTokenRefresh()\n        }\n        return false\n      } finally {\n        isRefreshing.value = false\n        refreshPromise = null\n      }\n    })()\n\n    return refreshPromise\n  }\n\n  /**\n   * Schedule automatic token refresh before expiration.\n   */\n  function scheduleTokenRefresh(): void {\n    // Clear any existing timer\n    stopTokenRefresh()\n\n    if (!authStore.tokenExpires) {\n      return\n    }\n\n    const expiresAt = authStore.tokenExpires.getTime()\n    const refreshAt = expiresAt - TOKEN_REFRESH_MARGIN_MS\n    const now = Date.now()\n\n    if (refreshAt <= now) {\n      // Token is already close to expiring or expired, refresh now\n      refreshToken()\n      return\n    }\n\n    // Schedule refresh\n    const delay = refreshAt - now\n    refreshTimerId.value = window.setTimeout(() => {\n      refreshToken()\n    }, delay)\n  }\n\n  /**\n   * Stop automatic token refresh.\n   */\n  function stopTokenRefresh(): void {\n    if (refreshTimerId.value !== null) {\n      window.clearTimeout(refreshTimerId.value)\n      refreshTimerId.value = null\n    }\n  }\n\n  /**\n   * Check if token needs refresh and refresh if necessary.\n   * Called periodically as a safety net.\n   */\n  function checkAndRefreshIfNeeded(): void {\n    if (!authStore.token || !authStore.tokenExpires) {\n      return\n    }\n\n    const expiresAt = authStore.tokenExpires.getTime()\n    const refreshAt = expiresAt - TOKEN_REFRESH_MARGIN_MS\n    const now = Date.now()\n\n    if (now >= refreshAt) {\n      refreshToken()\n    }\n  }\n\n  async function initializeAuth(): Promise<void> {\n    authStore.initialize()\n    await fetchAuthConfig()\n\n    if (authStore.token) {\n      const valid = await verifyToken()\n      if (valid) {\n        await getCurrentUser()\n        // Start auto-refresh for existing session\n        scheduleTokenRefresh()\n      }\n    }\n  }\n\n  function logout(): void {\n    stopTokenRefresh()\n    authStore.logout()\n  }\n\n  function getAuthHeader(): Record<string, string> {\n    if (authStore.token) {\n      return { Authorization: `Bearer ${authStore.token}` }\n    }\n    return {}\n  }\n\n  async function updateProfile(data: {\n    email?: string\n    shortname?: string\n    currentPassword?: string\n    newPassword?: string\n  }): Promise<{ success: boolean; error?: string }> {\n    if (!authStore.token) {\n      return { success: false, error: 'Not authenticated' }\n    }\n\n    try {\n      const requestData: UpdateProfileRequest = {}\n      if (data.email !== undefined) requestData.email = data.email\n      if (data.shortname !== undefined) requestData.shortname = data.shortname\n      if (data.currentPassword) requestData.current_password = data.currentPassword\n      if (data.newPassword) requestData.new_password = data.newPassword\n\n      const response = await axios.put<UserResponse>(\n        `${getApiBaseUrl()}/users/me`,\n        requestData,\n        { headers: getAuthHeader() }\n      )\n\n      const userInfo: UserInfo = {\n        id: response.data.id,\n        username: response.data.username,\n        shortname: response.data.shortname,\n        email: response.data.email,\n        role: response.data.role,\n        isActive: response.data.is_active,\n      }\n      authStore.setUserInfo(userInfo)\n\n      return { success: true }\n    } catch (error) {\n      if (axios.isAxiosError(error) && error.response) {\n        return { success: false, error: error.response.data.detail || 'Update failed' }\n      }\n      return { success: false, error: 'Network error. Please try again.' }\n    }\n  }\n\n  // Set up periodic check as safety net\n  let checkInterval: number | null = null\n\n  onMounted(() => {\n    // Start periodic check\n    checkInterval = window.setInterval(checkAndRefreshIfNeeded, TOKEN_REFRESH_CHECK_INTERVAL_MS)\n  })\n\n  onUnmounted(() => {\n    // Clean up on unmount\n    stopTokenRefresh()\n    if (checkInterval !== null) {\n      window.clearInterval(checkInterval)\n      checkInterval = null\n    }\n  })\n\n  // Watch for token changes to reschedule refresh\n  watch(\n    () => authStore.tokenExpires,\n    (newExpires) => {\n      if (newExpires) {\n        scheduleTokenRefresh()\n      } else {\n        stopTokenRefresh()\n      }\n    }\n  )\n\n  return {\n    // Core auth methods\n    login,\n    logout,\n    register,\n    verifyToken,\n    fetchAuthConfig,\n    initializeAuth,\n    getCurrentUser,\n    getAuthHeader,\n    updateProfile,\n\n    // Token refresh\n    refreshToken,\n    isRefreshing,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/composables/useChemicalFormula.d.ts

@@ -0,0 +1,20 @@
+export interface ParsedElement {
+    symbol: string;
+    count: number;
+}
+export interface FormulaParseResult {
+    elements: Record<string, number>;
+    valid: boolean;
+    error?: string;
+}
+export type FormulaPartType = 'element' | 'subscript' | 'superscript' | 'paren' | 'dot' | 'charge';
+export interface FormulaPart {
+    type: FormulaPartType;
+    text: string;
+}
+export declare const ATOMIC_WEIGHTS: Record<string, number>;
+export declare function useChemicalFormula(): {
+    parseFormula: (formula: string) => FormulaParseResult;
+    calculateMW: (elements: Record<string, number>) => number;
+    renderFormulaParts: (formula: string) => FormulaPart[];
+};