@bodhiapp/bodhi-js-react 0.0.3 → 0.0.5

package/dist/bodhi-browser-ext/src/types/bodhiext.d.ts

@@ -1,5 +1,4 @@
 import { OpenAiApiError, PingResponse, CreateChatCompletionRequest, CreateChatCompletionResponse, CreateChatCompletionStreamResponse } from '@bodhiapp/ts-client';
-
 /**
  * HTTP response wrapper - body can be success type OR error type
  * Use isApiErrorResponse() to narrow the type based on status

package/dist/bodhi-browser-ext/src/types/protocol.d.ts

@@ -1,6 +1,5 @@
 import { OpenAiApiError, ErrorBody } from '@bodhiapp/ts-client';
 import { ApiResponse, ServerStateInfo } from './bodhiext';
-
 /**
  * Validate OpenAI API error body structure
  * { error: { message: string, type: string } }

package/dist/bodhi-js-sdk/core/src/build-info.d.ts

@@ -0,0 +1 @@
+export declare const BUILD_MODE: string;

package/dist/bodhi-js-sdk/core/src/errors.d.ts

@@ -1,6 +1,5 @@
 import { ApiError, OperationError } from '../../../bodhi-browser-ext/src/types';
 import { OpenAiApiError } from '@bodhiapp/ts-client';
-
 /**
  * Create API error (HTTP 4xx/5xx from server)
  * Thrown for streaming responses when server returns error

package/dist/bodhi-js-sdk/core/src/facade-client-base.d.ts

@@ -3,7 +3,6 @@ import { IConnectionClient } from './interface';
 import { Logger } from './logger';
 import { BodhiClientUserPrefsManager } from './storage';
 import { ApiResponseResult, AuthLoggedIn, AuthLoggedOut, AuthState, BackendServerState, ClientState, ConnectionMode, DirectState, ExtensionState, InitParams, SerializedClientState, SerializedDirectState, SerializedExtensionState, StateChange, StateChangeCallback } from './types';
-
 /**
  * Base facade client with common delegation logic
  *
@@ -20,7 +19,7 @@ export declare abstract class BaseFacadeClient<TConfig, TExtClient extends IConn
     protected authClientId: string;
     protected config: TConfig;
     protected onStateChange: StateChangeCallback;
-    constructor(authClientId: string, config: TConfig, onStateChange?: StateChangeCallback, storagePrefix?: string);
+    constructor(authClientId: string, config: TConfig, onStateChange?: StateChangeCallback, storagePrefix?: string, basePath?: string);
     /**
      * Create logger instance
      * Subclasses extract logLevel from their specific config type

package/dist/bodhi-js-sdk/core/src/index.d.ts

@@ -17,3 +17,4 @@ export * from './oauth';
 export * from './direct-client-base';
 export * from './facade-client-base';
 export { isOperationError, type OperationError } from '../../../bodhi-browser-ext/src/types';
+export { BUILD_MODE as CORE_BUILD_MODE } from './build-info';

package/dist/bodhi-js-sdk/core/src/interface.d.ts

@@ -1,6 +1,5 @@
 import { CreateChatCompletionStreamResponse } from '@bodhiapp/ts-client';
 import { ApiResponseResult, AuthLoggedIn, AuthLoggedOut, AuthState, BackendServerState, ClientState, ConnectionMode, DirectState, ExtensionState, InitParams, StateChangeCallback } from './types';
-
 /**
  * ConnectionClient - Base interface for all client implementations
  *

package/dist/bodhi-js-sdk/core/src/logger.d.ts

@@ -1,5 +1,4 @@
 import { LogLevel } from './types/config';
-
 export declare class Logger {
     private prefix;
     private level;

package/dist/bodhi-js-sdk/core/src/oauth.d.ts

@@ -1,5 +1,4 @@
 import { UserInfo } from './types';
-
 /**
  * Base64 URL encode a buffer (for PKCE)
  */

package/dist/bodhi-js-sdk/core/src/onboarding/config.d.ts

@@ -1,5 +1,4 @@
 import { Browser, OS } from '../../../../setup-modal/src/types';
-
 /**
  * Browser configurations with extension store URLs
  */

package/dist/bodhi-js-sdk/core/src/onboarding/modal.d.ts

@@ -1,5 +1,4 @@
 import { MessageType, RequestMessage, ResponsePayload } from '../../../../setup-modal/src/types';
-
 import type * as ModalTypes from '@bodhiapp/setup-modal/types';
 /**
  * Async handler for modal requests

package/dist/bodhi-js-sdk/core/src/onboarding/protocol-utils.d.ts

@@ -1,5 +1,4 @@
 import { MessageType, RequestPayload, ResponsePayload, RequestMessage, RequestId } from '../../../../setup-modal/src/types';
-
 /** Build fire-and-forget event message */
 export declare function buildEvent<T extends MessageType>(type: T, payload: RequestPayload<T>): {
     kind: "event";

package/dist/bodhi-js-sdk/core/src/platform.d.ts

@@ -1,5 +1,4 @@
 import { BrowserInfo, OSInfo } from './types';
-
 /**
  * Detects the current browser using UAParser.js
  */

package/dist/bodhi-js-sdk/core/src/storage.d.ts

@@ -27,6 +27,18 @@ export declare const STORAGE_PREFIXES: {
     readonly WEB: "bodhi:web";
     readonly EXT: "bodhi:ext";
 };
+/**
+ * Create storage prefix with basePath for path isolation
+ *
+ * @param basePath - Base path of app (e.g., '/', '/app1/')
+ * @param prefix - Storage prefix (e.g., 'bodhi:web', 'bodhijs:')
+ * @returns Combined prefix with basePath isolation
+ *
+ * Examples:
+ * - createStoragePrefixWithBasePath('/', 'bodhi:web') => '/:bodhi:web'
+ * - createStoragePrefixWithBasePath('/app1/', 'bodhi:web') => '/app1/:bodhi:web'
+ */
+export declare function createStoragePrefixWithBasePath(basePath: string, prefix: string): string;
 /**
  * User Preferences Storage Manager
  *

package/dist/bodhi-js-sdk/core/src/types/api.d.ts

@@ -1,6 +1,5 @@
 import { ApiResponse, OperationErrorResponse } from '../../../../bodhi-browser-ext/src/types';
 import { OpenAiApiError } from '@bodhiapp/ts-client';
-
 /**
  * Public API result type - discriminated union without protocol fields
  *

package/dist/bodhi-js-sdk/core/src/types/callback.d.ts

@@ -1,6 +1,5 @@
 import { ClientState } from './client-state';
 import { AuthState } from './user-info';
-
 /**
  * Discriminated union for state changes.
  * Allows single callback to handle both client state and auth state changes.

package/dist/bodhi-js-sdk/core/src/types/client-state.d.ts

@@ -1,5 +1,4 @@
 import { OperationErrorResponse } from '../../../../bodhi-browser-ext/src/types';
-
 /**
  * Serialized direct client state for persistence
  * Stores minimal state needed to restore direct connection

package/dist/bodhi-js-sdk/core/src/types/config.d.ts

@@ -1,5 +1,4 @@
 import { UserScope } from './user-info';
-
 /**
  * Log levels for client logging
  */

package/dist/bodhi-js-sdk/core/src/types/platform.d.ts

@@ -1,5 +1,4 @@
 import { BrowserType, OSType } from '../../../../setup-modal/src/types';
-
 /**
  * Browser detection result
  */

package/dist/bodhi-js-sdk/react/src/BodhiProvider.d.ts

@@ -1,14 +1,14 @@
 import { AuthState, LogLevel, UIClient } from '../../core/src/index.ts';
 import { ReactNode } from 'react';
 import { ClientContextState } from './client-ctx';
-
 export type SetupState = 'ready' | 'loading' | 'loaded';
 export interface BodhiProviderProps {
     children: ReactNode;
     client: UIClient;
     modalHtmlPath?: string;
     handleCallback?: boolean;
-    callbackUrl?: string;
+    callbackPath?: string;
+    basePath?: string;
     logLevel?: LogLevel;
 }
 export interface BodhiContext {
@@ -23,5 +23,5 @@ export interface BodhiContext {
     hideSetup: () => void;
 }
 export declare const BodhiReactContext: import('react').Context<BodhiContext | null>;
-export declare function BodhiProvider({ children, client, modalHtmlPath, handleCallback, callbackUrl, logLevel, }: BodhiProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function BodhiProvider({ children, client, modalHtmlPath, handleCallback, callbackPath, basePath, logLevel, }: BodhiProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useBodhi(): BodhiContext;

package/dist/bodhi-js-sdk/react/src/SetupModalProcessor.d.ts

@@ -1,16 +1,16 @@
 import { UIClient, LogLevel } from '../../core/src/index.ts';
 import { SetupState } from './BodhiProvider';
-
 interface SetupModalProcessorProps {
     client: UIClient;
     modalHtmlPath?: string;
     hideSetup: () => void;
     onSetupReady?: () => void;
     setupState: SetupState;
+    basePath?: string;
     logLevel?: LogLevel;
 }
 /**
  * SetupModalProcessor - Headless React component managing setup modal business logic
  */
-export declare function SetupModalProcessor({ client, modalHtmlPath, hideSetup, onSetupReady, setupState, logLevel, }: SetupModalProcessorProps): null;
+export declare function SetupModalProcessor({ client, modalHtmlPath, hideSetup, onSetupReady, setupState, basePath, logLevel, }: SetupModalProcessorProps): null;
 export {};

package/dist/bodhi-js-sdk/react/src/build-info.d.ts

@@ -0,0 +1 @@
+export declare const BUILD_MODE: string;

package/dist/bodhi-js-sdk/react/src/client-ctx.d.ts

@@ -1,5 +1,4 @@
 import { ClientState } from '../../core/src/index.ts';
-
 export interface ClientContextNotInitialized {
     type: 'not-initialized';
 }

package/dist/bodhi-js-sdk/react/src/index.d.ts

@@ -12,3 +12,4 @@ export { createApiError, createOperationError } from '../../core/src/index.ts';
 export type { AuthState, UIClient } from '../../core/src/index.ts';
 export { isAuthError, isAuthLoggedIn, isClientReady } from '../../core/src/index.ts';
 export { isOperationError, type OperationError } from '../../core/src/index.ts';
+export { BUILD_MODE as REACT_BUILD_MODE } from './build-info';

package/dist/bodhi-react.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),s=require("@bodhiapp/bodhi-js-core"),n=require("react"),m={MODAL_READY:"modal:ready",MODAL_REFRESH:"modal:refresh",MODAL_CLOSE:"modal:close",MODAL_COMPLETE:"modal:complete",MODAL_LNA_CONNECT:"modal:lna:connect",MODAL_LNA_SKIP:"modal:lna:skip",MODAL_CONFIRM_SERVER_INSTALL:"modal:confirm-server-install",MODAL_SELECT_CONNECTION:"modal:select-connection"};function H({client:e,modalHtmlPath:i,hideSetup:v,onSetupReady:C,setupState:I,logLevel:_="warn"}){const A=I!=="ready",O=n.useMemo(()=>new s.Logger("SetupModalProcessor",_),[_]),c=n.useRef(null),l=n.useMemo(()=>new s.BodhiClientUserPrefsManager,[]),S=n.useRef(null),g=n.useCallback(t=>t==="direct"?"lna":t==="extension"?"extension":null,[]),x=n.useCallback(t=>t.extension==="ready"?{status:"ready",version:"unknown",id:t.extensionId}:t.extension==="not-found"?{status:"not-installed",error:{message:"Extension not found",code:"ext-not-installed"}}:{status:"unreachable",error:{message:"Client not initialized",code:"ext-connection-failed"}},[]),p=n.useCallback(t=>{if(t.server.status==="pending-extension-ready")return{status:"pending-extension-ready",error:{message:"Extension not ready",code:"server-pending-ext-ready"}};const r=t.server;switch(r.status){case"ready":return{status:"ready",version:r.version};case"setup":return{status:"setup",version:r.version,error:{message:r.error.message,code:"server-in-setup-status"}};case"resource-admin":return{status:"resource-admin",version:r.version,error:{message:r.error.message,code:"server-in-admin-status"}};case"error":return{status:"error",error:{message:r.error.message,code:"server-unexpected-error"}};case"not-reachable":return{status:"unreachable",error:{message:r.error.message,code:"server-conn-refused"}}}},[]),h=n.useCallback(t=>{if(t.server.status==="not-connected")return{status:"pending-lna-ready"};const r=t.server;switch(r.status){case"ready":return{status:"ready",version:r.version};case"setup":return{status:"setup",version:r.version};case"resource-admin":return{status:"resource-admin",version:r.version};case"error":case"not-reachable":return{status:"error",error:{message:r.error.message}}}},[]),L=n.useCallback((t,r)=>{if(t.server.status!=="pending-extension-ready"){const o=t.server.status;if(o==="ready"||o==="setup"||o==="resource-admin")return!0}if(r.server.status!=="not-connected"){const o=r.server.status;if(o==="ready"||o==="setup"||o==="resource-admin")return!0}return!1},[]),R=n.useCallback((t,r,o)=>{if(r==="skipped")return{status:"skipped",serverUrl:o};if(t.server.status!=="not-connected"){const a=t.server;return a.status==="ready"||a.status==="setup"||a.status==="resource-admin"?{status:"granted",serverUrl:o}:{status:"unreachable",serverUrl:o,error:{message:a.error.message,code:"lna-unreachable"}}}return r==="granted"?{status:"granted",serverUrl:o}:{status:"prompt",serverUrl:o}},[]),d=n.useCallback(async(t=!1)=>{const r=s.detectBrowser().type,o=s.detectOS().type;let a=await e.getExtensionState();(a.extension==="not-initialized"||t)&&(a=await e.testExtensionConnectivity());let u=await e.getDirectState();const y=l.getDirectStatus();y==="granted"&&(u.server.status==="not-connected"||t)&&(u=await e.testDirectConnectivity());const E=s.getServerUrl(u)||"http://localhost:1135",F=R(u,y,E);return e.getConnectionMode()===null&&(s.isDirectServerReady(u)?await e.setConnectionMode("direct"):s.isExtensionServerReady(a)&&await e.setConnectionMode("extension")),l.isServerInstallConfirmed()||L(a,u)&&l.setServerInstallConfirmed(!0),{extension:x(a),server:p(a),lna:F,lnaServer:h(u),env:{browser:r,os:o},browsers:s.BROWSER_CONFIGS,os:s.OS_CONFIGS,userConfirmations:{serverInstall:l.isServerInstallConfirmed()},selectedConnection:g(e.getConnectionMode())}},[e,l,x,p,h,g,R,L]),f=n.useCallback(()=>{if(!S.current)throw new Error("Cannot get state: currentStateRef is null");return{...S.current,userConfirmations:{serverInstall:l.isServerInstallConfirmed()},selectedConnection:g(e.getConnectionMode())}},[l,e,g]),w=n.useMemo(()=>({[m.MODAL_READY]:async()=>(O.info("MODAL_READY: building initial state"),{setupState:f()}),[m.MODAL_REFRESH]:async()=>{var o;O.info("MODAL_REFRESH: refreshing state");const t=await d(!0);S.current=t;const r=f();return O.info(`MODAL_REFRESH: state refreshed
-`,JSON.stringify(r,null,2)),(o=c.current)==null||o.updateState(f()),{setupState:r}},[m.MODAL_LNA_CONNECT]:async t=>{var u,y;const r=t.payload.serverUrl;console.log("[SetupModalProcessor] LNA connect:",r);const o=await e.testDirectConnectivity(r);if(o.server.status!=="not-connected"){const b=o.server.status;if(b==="ready"||b==="setup"||b==="resource-admin"){l.setDirectStatus("granted"),e.getConnectionMode()===null&&await e.setConnectionMode("direct");const E=await d();return S.current=E,(u=c.current)==null||u.updateState(f()),{success:!0}}}const a=await d();return S.current=a,(y=c.current)==null||y.updateState(f()),{success:!1}},[m.MODAL_LNA_SKIP]:async()=>{var r;l.setDirectStatus("skipped");const t=await d();return S.current=t,(r=c.current)==null||r.updateState(f()),{success:!0}},[m.MODAL_CLOSE]:()=>{v()},[m.MODAL_COMPLETE]:()=>{v()},[m.MODAL_CONFIRM_SERVER_INSTALL]:t=>{var r;return l.setServerInstallConfirmed(t.payload.confirmed),(r=c.current)==null||r.updateState(f()),{success:!0}},[m.MODAL_SELECT_CONNECTION]:async t=>{var a;const o=t.payload.connection==="lna"?"direct":"extension";return await e.setConnectionMode(o),(a=c.current)==null||a.updateState(f()),{success:!0}}}),[O,e,l,d,f,h,v]);return n.useEffect(()=>(c.current=new s.OnboardingModal({modalHtmlPath:i,handlers:w}),()=>{var t;(t=c.current)==null||t.destroy(),c.current=null}),[i,w]),n.useEffect(()=>{A&&c.current?d(!0).then(t=>{var r;S.current=t,(r=c.current)==null||r.show(t),C==null||C()}).catch(t=>{console.error("[SetupModalProcessor] buildSetupState failed:",t)}):!A&&c.current&&c.current.destroy()},[A,d,C]),null}const D=n.createContext(null);D.displayName="BodhiContext";function G({children:e,client:i,modalHtmlPath:v,handleCallback:C=!0,callbackUrl:I="/callback",logLevel:_="warn"}){const A=n.useRef(!1),O=n.useRef(!1),[c,l]=n.useState({type:"not-initialized"}),[S,g]=n.useState(null),[x,p]=n.useState(!1),[h,L]=n.useState("ready");n.useEffect(()=>{const a=u=>{switch(u.type){case"client-state":l(u.state);break;case"auth-state":g(u.state),p(!1);break}};return i.setStateCallback(a),()=>{i.setStateCallback(s.NOOP_STATE_CALLBACK)}},[i]);const R=n.useCallback(async()=>{L("loading")},[]),d=n.useCallback(()=>{L("ready")},[]),f=n.useCallback(()=>{L("loaded")},[]),w=n.useCallback(async a=>{l({type:"initializing"});try{await i.init(a||{})}catch(u){console.error("[BodhiProvider] Init failed:",u)}},[i]);n.useEffect(()=>{if(O.current)return;O.current=!0,(async()=>{if(await w(),!C)return;const u=new URL(window.location.href);if(u.pathname!==I)return;const y=u.searchParams.get("code"),b=u.searchParams.get("state");!y||!b||A.current||(A.current=!0,s.isWebUIClient(i)&&(p(!0),i.handleOAuthCallback(y,b).then(()=>{window.history.replaceState({},"","/")}).catch(E=>{console.error("OAuth callback failed:",E),g({isLoggedIn:!1,error:{message:E instanceof Error?E.message:"OAuth callback failed",code:"OAUTH_CALLBACK_FAILED"}}),p(!1),window.history.replaceState({},"","/")})))})()},[w,i,C,I]);const t=n.useCallback(async()=>{p(!0);try{await i.login()}catch(a){g({isLoggedIn:!1,error:{message:a instanceof Error?a.message:"Login failed",code:"LOGIN_FAILED"}}),p(!1)}},[i]),r=n.useCallback(async()=>{try{await i.logout()}catch(a){g({isLoggedIn:!1,error:{message:a instanceof Error?a.message:"Logout failed",code:"LOGOUT_FAILED"}})}},[i]),o=n.useMemo(()=>({client:i,clientState:c,auth:S,authLoading:x,login:t,logout:r,showSetup:R,hideSetup:d,setupState:h}),[i,c,S,x,h,t,r,R,d]);return N.jsxs(D.Provider,{value:o,children:[N.jsx(H,{client:i,modalHtmlPath:v,hideSetup:d,onSetupReady:f,setupState:h,logLevel:_}),e]})}function K(){const e=n.useContext(D);if(!e)throw new Error("useBodhi must be used within BodhiProvider");return{client:e.client,clientState:e.clientState,setupState:e.setupState,auth:e.auth,authLoading:e.authLoading,login:e.login,logout:e.logout,showSetup:e.showSetup,hideSetup:e.hideSetup}}function P(e){return e.type==="not-initialized"}function k(e){return e.type==="initializing"}function M(e){return!(P(e)||k(e))}function z(e){return M(e)?s.isClientReady(e):!1}function T(e){if(P(e))return{ready:!1,actualState:"not-initialized",mode:null};if(k(e))return{ready:!1,actualState:"initializing",mode:null};const i=s.isExtensionState(e)?"extension":"direct",v=s.isClientReady(e),C=s.isExtensionState(e)?e.extension:e.server.status==="not-connected"?"not-connected":"ready";return{ready:v,actualState:C,mode:i}}function j(e){if(!M(e))return{ready:!1,actualState:"n/a"};const i=e.server;return{ready:i.status==="ready",actualState:i.status}}function B(e){return M(e)?s.isClientReady(e)&&e.server.status==="ready":!1}const U={isNotInitialized:P,isInitializing:k,isInitialized:M,isReady:z,getClientInitState:T,getServerState:j,isOverallReady:B};Object.defineProperty(exports,"createApiError",{enumerable:!0,get:()=>s.createApiError});Object.defineProperty(exports,"createOperationError",{enumerable:!0,get:()=>s.createOperationError});Object.defineProperty(exports,"isApiResultError",{enumerable:!0,get:()=>s.isApiResultError});Object.defineProperty(exports,"isApiResultOperationError",{enumerable:!0,get:()=>s.isApiResultOperationError});Object.defineProperty(exports,"isApiResultSuccess",{enumerable:!0,get:()=>s.isApiResultSuccess});Object.defineProperty(exports,"isAuthError",{enumerable:!0,get:()=>s.isAuthError});Object.defineProperty(exports,"isAuthLoggedIn",{enumerable:!0,get:()=>s.isAuthLoggedIn});Object.defineProperty(exports,"isClientReady",{enumerable:!0,get:()=>s.isClientReady});Object.defineProperty(exports,"isDirectState",{enumerable:!0,get:()=>s.isDirectState});Object.defineProperty(exports,"isExtensionState",{enumerable:!0,get:()=>s.isExtensionState});Object.defineProperty(exports,"isOperationError",{enumerable:!0,get:()=>s.isOperationError});exports.BodhiProvider=G;exports.BodhiReactContext=D;exports.ClientCtxState=U;exports.getClientInitState=T;exports.getServerState=j;exports.isClientCtxInitialized=M;exports.isClientCtxInitializing=k;exports.isClientCtxNotInitialized=P;exports.isClientCtxReady=z;exports.isOverallReady=B;exports.useBodhi=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),s=require("@bodhiapp/bodhi-js-core"),n=require("react"),p={MODAL_READY:"modal:ready",MODAL_REFRESH:"modal:refresh",MODAL_CLOSE:"modal:close",MODAL_COMPLETE:"modal:complete",MODAL_LNA_CONNECT:"modal:lna:connect",MODAL_LNA_SKIP:"modal:lna:skip",MODAL_CONFIRM_SERVER_INSTALL:"modal:confirm-server-install",MODAL_SELECT_CONNECTION:"modal:select-connection"};function H({client:e,modalHtmlPath:o,hideSetup:y,onSetupReady:m,setupState:I,basePath:v="/",logLevel:D="warn"}){const b=I!=="ready",O=n.useMemo(()=>new s.Logger("SetupModalProcessor",D),[D]),c=n.useRef(null),l=n.useMemo(()=>new s.BodhiClientUserPrefsManager(s.createStoragePrefixWithBasePath(v,"bodhijs:")),[v]),S=n.useRef(null),C=n.useCallback(t=>t==="direct"?"lna":t==="extension"?"extension":null,[]),L=n.useCallback(t=>t.extension==="ready"?{status:"ready",version:"unknown",id:t.extensionId}:t.extension==="not-found"?{status:"not-installed",error:{message:"Extension not found",code:"ext-not-installed"}}:{status:"unreachable",error:{message:"Client not initialized",code:"ext-connection-failed"}},[]),g=n.useCallback(t=>{if(t.server.status==="pending-extension-ready")return{status:"pending-extension-ready",error:{message:"Extension not ready",code:"server-pending-ext-ready"}};const r=t.server;switch(r.status){case"ready":return{status:"ready",version:r.version};case"setup":return{status:"setup",version:r.version,error:{message:r.error.message,code:"server-in-setup-status"}};case"resource-admin":return{status:"resource-admin",version:r.version,error:{message:r.error.message,code:"server-in-admin-status"}};case"error":return{status:"error",error:{message:r.error.message,code:"server-unexpected-error"}};case"not-reachable":return{status:"unreachable",error:{message:r.error.message,code:"server-conn-refused"}}}},[]),E=n.useCallback(t=>{if(t.server.status==="not-connected")return{status:"pending-lna-ready"};const r=t.server;switch(r.status){case"ready":return{status:"ready",version:r.version};case"setup":return{status:"setup",version:r.version};case"resource-admin":return{status:"resource-admin",version:r.version};case"error":case"not-reachable":return{status:"error",error:{message:r.error.message}}}},[]),A=n.useCallback((t,r)=>{if(t.server.status!=="pending-extension-ready"){const i=t.server.status;if(i==="ready"||i==="setup"||i==="resource-admin")return!0}if(r.server.status!=="not-connected"){const i=r.server.status;if(i==="ready"||i==="setup"||i==="resource-admin")return!0}return!1},[]),R=n.useCallback((t,r,i)=>{if(r==="skipped")return{status:"skipped",serverUrl:i};if(t.server.status!=="not-connected"){const a=t.server;return a.status==="ready"||a.status==="setup"||a.status==="resource-admin"?{status:"granted",serverUrl:i}:{status:"unreachable",serverUrl:i,error:{message:a.error.message,code:"lna-unreachable"}}}return r==="granted"?{status:"granted",serverUrl:i}:{status:"prompt",serverUrl:i}},[]),d=n.useCallback(async(t=!1)=>{const r=s.detectBrowser().type,i=s.detectOS().type;let a=await e.getExtensionState();(a.extension==="not-initialized"||t)&&(a=await e.testExtensionConnectivity());let u=await e.getDirectState();const h=l.getDirectStatus();h==="granted"&&(u.server.status==="not-connected"||t)&&(u=await e.testDirectConnectivity());const M=s.getServerUrl(u)||"http://localhost:1135",U=R(u,h,M);return e.getConnectionMode()===null&&(s.isDirectServerReady(u)?await e.setConnectionMode("direct"):s.isExtensionServerReady(a)&&await e.setConnectionMode("extension")),l.isServerInstallConfirmed()||A(a,u)&&l.setServerInstallConfirmed(!0),{extension:L(a),server:g(a),lna:U,lnaServer:E(u),env:{browser:r,os:i},browsers:s.BROWSER_CONFIGS,os:s.OS_CONFIGS,userConfirmations:{serverInstall:l.isServerInstallConfirmed()},selectedConnection:C(e.getConnectionMode())}},[e,l,L,g,E,C,R,A]),f=n.useCallback(()=>{if(!S.current)throw new Error("Cannot get state: currentStateRef is null");return{...S.current,userConfirmations:{serverInstall:l.isServerInstallConfirmed()},selectedConnection:C(e.getConnectionMode())}},[l,e,C]),x=n.useMemo(()=>({[p.MODAL_READY]:async()=>(O.info("MODAL_READY: building initial state"),{setupState:f()}),[p.MODAL_REFRESH]:async()=>{O.info("MODAL_REFRESH: refreshing state");const t=await d(!0);S.current=t;const r=f();return O.info(`MODAL_REFRESH: state refreshed
+`,JSON.stringify(r,null,2)),c.current?.updateState(f()),{setupState:r}},[p.MODAL_LNA_CONNECT]:async t=>{const r=t.payload.serverUrl;console.log("[SetupModalProcessor] LNA connect:",r);const i=await e.testDirectConnectivity(r);if(i.server.status!=="not-connected"){const u=i.server.status;if(u==="ready"||u==="setup"||u==="resource-admin"){l.setDirectStatus("granted"),e.getConnectionMode()===null&&await e.setConnectionMode("direct");const h=await d();return S.current=h,c.current?.updateState(f()),{success:!0}}}const a=await d();return S.current=a,c.current?.updateState(f()),{success:!1}},[p.MODAL_LNA_SKIP]:async()=>{l.setDirectStatus("skipped");const t=await d();return S.current=t,c.current?.updateState(f()),{success:!0}},[p.MODAL_CLOSE]:()=>{y()},[p.MODAL_COMPLETE]:()=>{y()},[p.MODAL_CONFIRM_SERVER_INSTALL]:t=>(l.setServerInstallConfirmed(t.payload.confirmed),c.current?.updateState(f()),{success:!0}),[p.MODAL_SELECT_CONNECTION]:async t=>{const i=t.payload.connection==="lna"?"direct":"extension";return await e.setConnectionMode(i),c.current?.updateState(f()),{success:!0}}}),[O,e,l,d,f,E,y]);return n.useEffect(()=>(c.current=new s.OnboardingModal({modalHtmlPath:o,handlers:x}),()=>{c.current?.destroy(),c.current=null}),[o,x]),n.useEffect(()=>{b&&c.current?d(!0).then(t=>{S.current=t,c.current?.show(t),m?.()}).catch(t=>{console.error("[SetupModalProcessor] buildSetupState failed:",t)}):!b&&c.current&&c.current.destroy()},[b,d,m]),null}const _=n.createContext(null);_.displayName="BodhiContext";function G({children:e,client:o,modalHtmlPath:y,handleCallback:m=!0,callbackPath:I="/callback",basePath:v="/",logLevel:D="warn"}){const b=n.useRef(!1),O=n.useRef(!1),[c,l]=n.useState({type:"not-initialized"}),[S,C]=n.useState(null),[L,g]=n.useState(!1),[E,A]=n.useState("ready");n.useEffect(()=>{const a=u=>{switch(u.type){case"client-state":l(u.state);break;case"auth-state":C(u.state),g(!1);break}};return o.setStateCallback(a),()=>{o.setStateCallback(s.NOOP_STATE_CALLBACK)}},[o]);const R=n.useCallback(async()=>{A("loading")},[]),d=n.useCallback(()=>{A("ready")},[]),f=n.useCallback(()=>{A("loaded")},[]),x=n.useCallback(async a=>{l({type:"initializing"});try{await o.init(a||{})}catch(u){console.error("[BodhiProvider] Init failed:",u)}},[o]);n.useEffect(()=>{if(O.current)return;O.current=!0,(async()=>{if(await x(),!m)return;const u=new URL(window.location.href);if(u.pathname!==I)return;const h=u.searchParams.get("code"),P=u.searchParams.get("state");!h||!P||b.current||(b.current=!0,s.isWebUIClient(o)&&(g(!0),o.handleOAuthCallback(h,P).then(()=>{window.history.replaceState({},"",v)}).catch(M=>{console.error("OAuth callback failed:",M),C({isLoggedIn:!1,error:{message:M instanceof Error?M.message:"OAuth callback failed",code:"OAUTH_CALLBACK_FAILED"}}),g(!1),window.history.replaceState({},"",v)})))})()},[x,o,m,I,v]);const t=n.useCallback(async()=>{g(!0);try{await o.login()}catch(a){C({isLoggedIn:!1,error:{message:a instanceof Error?a.message:"Login failed",code:"LOGIN_FAILED"}}),g(!1)}},[o]),r=n.useCallback(async()=>{try{await o.logout()}catch(a){C({isLoggedIn:!1,error:{message:a instanceof Error?a.message:"Logout failed",code:"LOGOUT_FAILED"}})}},[o]),i=n.useMemo(()=>({client:o,clientState:c,auth:S,authLoading:L,login:t,logout:r,showSetup:R,hideSetup:d,setupState:E}),[o,c,S,L,E,t,r,R,d]);return B.jsxs(_.Provider,{value:i,children:[B.jsx(H,{client:o,modalHtmlPath:y,hideSetup:d,onSetupReady:f,setupState:E,basePath:v,logLevel:D}),e]})}function K(){const e=n.useContext(_);if(!e)throw new Error("useBodhi must be used within BodhiProvider");return{client:e.client,clientState:e.clientState,setupState:e.setupState,auth:e.auth,authLoading:e.authLoading,login:e.login,logout:e.logout,showSetup:e.showSetup,hideSetup:e.hideSetup}}function k(e){return e.type==="not-initialized"}function N(e){return e.type==="initializing"}function w(e){return!(k(e)||N(e))}function T(e){return w(e)?s.isClientReady(e):!1}function z(e){if(k(e))return{ready:!1,actualState:"not-initialized",mode:null};if(N(e))return{ready:!1,actualState:"initializing",mode:null};const o=s.isExtensionState(e)?"extension":"direct",y=s.isClientReady(e),m=s.isExtensionState(e)?e.extension:e.server.status==="not-connected"?"not-connected":"ready";return{ready:y,actualState:m,mode:o}}function j(e){if(!w(e))return{ready:!1,actualState:"n/a"};const o=e.server;return{ready:o.status==="ready",actualState:o.status}}function F(e){return w(e)?s.isClientReady(e)&&e.server.status==="ready":!1}const V={isNotInitialized:k,isInitializing:N,isInitialized:w,isReady:T,getClientInitState:z,getServerState:j,isOverallReady:F},W="production";Object.defineProperty(exports,"createApiError",{enumerable:!0,get:()=>s.createApiError});Object.defineProperty(exports,"createOperationError",{enumerable:!0,get:()=>s.createOperationError});Object.defineProperty(exports,"isApiResultError",{enumerable:!0,get:()=>s.isApiResultError});Object.defineProperty(exports,"isApiResultOperationError",{enumerable:!0,get:()=>s.isApiResultOperationError});Object.defineProperty(exports,"isApiResultSuccess",{enumerable:!0,get:()=>s.isApiResultSuccess});Object.defineProperty(exports,"isAuthError",{enumerable:!0,get:()=>s.isAuthError});Object.defineProperty(exports,"isAuthLoggedIn",{enumerable:!0,get:()=>s.isAuthLoggedIn});Object.defineProperty(exports,"isClientReady",{enumerable:!0,get:()=>s.isClientReady});Object.defineProperty(exports,"isDirectState",{enumerable:!0,get:()=>s.isDirectState});Object.defineProperty(exports,"isExtensionState",{enumerable:!0,get:()=>s.isExtensionState});Object.defineProperty(exports,"isOperationError",{enumerable:!0,get:()=>s.isOperationError});exports.BodhiProvider=G;exports.BodhiReactContext=_;exports.ClientCtxState=V;exports.REACT_BUILD_MODE=W;exports.getClientInitState=z;exports.getServerState=j;exports.isClientCtxInitialized=w;exports.isClientCtxInitializing=N;exports.isClientCtxNotInitialized=k;exports.isClientCtxReady=T;exports.isOverallReady=F;exports.useBodhi=K;

package/dist/bodhi-react.esm.d.ts

@@ -1 +1,2 @@
 export * from './bodhi-js-sdk/react/src/index'
+export {}

package/dist/bodhi-react.esm.js

@@ -1,8 +1,8 @@
 import { jsxs as G, jsx as K } from "react/jsx-runtime";
-import { Logger as U, BodhiClientUserPrefsManager as V, detectBrowser as W, detectOS as Y, getServerUrl as j, isDirectServerReady as J, isExtensionServerReady as q, OS_CONFIGS as Q, BROWSER_CONFIGS as X, OnboardingModal as Z, NOOP_STATE_CALLBACK as $, isWebUIClient as ee, isClientReady as T, isExtensionState as F } from "@bodhiapp/bodhi-js-core";
-import { createApiError as Ce, createOperationError as me, isApiResultError as ve, isApiResultOperationError as ye, isApiResultSuccess as he, isAuthError as Le, isAuthLoggedIn as Ee, isClientReady as Ae, isDirectState as Oe, isExtensionState as we, isOperationError as xe } from "@bodhiapp/bodhi-js-core";
-import { useMemo as R, useRef as b, useCallback as c, useEffect as N, createContext as te, useState as I, useContext as re } from "react";
-const m = {
+import { Logger as V, BodhiClientUserPrefsManager as W, createStoragePrefixWithBasePath as j, detectBrowser as Y, detectOS as J, getServerUrl as q, isDirectServerReady as Q, isExtensionServerReady as X, OS_CONFIGS as Z, BROWSER_CONFIGS as $, OnboardingModal as ee, NOOP_STATE_CALLBACK as te, isWebUIClient as re, isClientReady as B, isExtensionState as U } from "@bodhiapp/bodhi-js-core";
+import { createApiError as ve, createOperationError as he, isApiResultError as Le, isApiResultOperationError as Ee, isApiResultSuccess as Oe, isAuthError as Ae, isAuthLoggedIn as we, isClientReady as xe, isDirectState as Me, isExtensionState as _e, isOperationError as De } from "@bodhiapp/bodhi-js-core";
+import { useMemo as I, useRef as N, useCallback as c, useEffect as b, createContext as ne, useState as R, useContext as se } from "react";
+const p = {
   // Modal lifecycle
   MODAL_READY: "modal:ready",
   MODAL_REFRESH: "modal:refresh",
@@ -16,18 +16,22 @@ const m = {
   // Connection selection
   MODAL_SELECT_CONNECTION: "modal:select-connection"
 };
-function ne({
+function ae({
   client: e,
-  modalHtmlPath: a,
-  hideSetup: v,
-  onSetupReady: S,
+  modalHtmlPath: s,
+  hideSetup: C,
+  onSetupReady: m,
   setupState: _,
+  basePath: y = "/",
   logLevel: D = "warn"
 }) {
-  const A = _ !== "ready", y = R(() => new U("SetupModalProcessor", D), [D]), i = b(null), u = R(() => new V(), []), f = b(null), g = c(
+  const E = _ !== "ready", v = I(() => new V("SetupModalProcessor", D), [D]), i = N(null), u = I(
+    () => new W(j(y, "bodhijs:")),
+    [y]
+  ), f = N(null), S = c(
     (t) => t === "direct" ? "lna" : t === "extension" ? "extension" : null,
     []
-  ), w = c((t) => t.extension === "ready" ? {
+  ), A = c((t) => t.extension === "ready" ? {
     status: "ready",
     version: "unknown",
     // TODO: have ExtensionState also get extension version
@@ -38,7 +42,7 @@ function ne({
   } : {
     status: "unreachable",
     error: { message: "Client not initialized", code: "ext-connection-failed" }
-  }, []), p = c((t) => {
+  }, []), g = c((t) => {
     if (t.server.status === "pending-extension-ready")
       return {
         status: "pending-extension-ready",
@@ -89,62 +93,62 @@ function ne({
   }, []), O = c(
     (t, r) => {
       if (t.server.status !== "pending-extension-ready") {
-        const s = t.server.status;
-        if (s === "ready" || s === "setup" || s === "resource-admin")
+        const a = t.server.status;
+        if (a === "ready" || a === "setup" || a === "resource-admin")
           return !0;
       }
       if (r.server.status !== "not-connected") {
-        const s = r.server.status;
-        if (s === "ready" || s === "setup" || s === "resource-admin")
+        const a = r.server.status;
+        if (a === "ready" || a === "setup" || a === "resource-admin")
           return !0;
       }
       return !1;
     },
     []
-  ), x = c(
-    (t, r, s) => {
+  ), w = c(
+    (t, r, a) => {
       if (r === "skipped")
-        return { status: "skipped", serverUrl: s };
+        return { status: "skipped", serverUrl: a };
       if (t.server.status !== "not-connected") {
         const n = t.server;
-        return n.status === "ready" || n.status === "setup" || n.status === "resource-admin" ? { status: "granted", serverUrl: s } : {
+        return n.status === "ready" || n.status === "setup" || n.status === "resource-admin" ? { status: "granted", serverUrl: a } : {
           status: "unreachable",
-          serverUrl: s,
+          serverUrl: a,
           error: { message: n.error.message, code: "lna-unreachable" }
         };
       }
-      return r === "granted" ? { status: "granted", serverUrl: s } : { status: "prompt", serverUrl: s };
+      return r === "granted" ? { status: "granted", serverUrl: a } : { status: "prompt", serverUrl: a };
     },
     []
   ), d = c(
     async (t = !1) => {
-      const r = W().type, s = Y().type;
+      const r = Y().type, a = J().type;
       let n = await e.getExtensionState();
       (n.extension === "not-initialized" || t) && (n = await e.testExtensionConnectivity());
       let o = await e.getDirectState();
-      const C = u.getDirectStatus();
-      C === "granted" && (o.server.status === "not-connected" || t) && (o = await e.testDirectConnectivity());
-      const E = j(o) || "http://localhost:1135", H = x(o, C, E);
-      return e.getConnectionMode() === null && (J(o) ? await e.setConnectionMode("direct") : q(n) && await e.setConnectionMode("extension")), u.isServerInstallConfirmed() || O(n, o) && u.setServerInstallConfirmed(!0), {
-        extension: w(n),
-        server: p(n),
+      const L = u.getDirectStatus();
+      L === "granted" && (o.server.status === "not-connected" || t) && (o = await e.testDirectConnectivity());
+      const M = q(o) || "http://localhost:1135", H = w(o, L, M);
+      return e.getConnectionMode() === null && (Q(o) ? await e.setConnectionMode("direct") : X(n) && await e.setConnectionMode("extension")), u.isServerInstallConfirmed() || O(n, o) && u.setServerInstallConfirmed(!0), {
+        extension: A(n),
+        server: g(n),
         lna: H,
         lnaServer: h(o),
-        env: { browser: r, os: s },
-        browsers: X,
-        os: Q,
+        env: { browser: r, os: a },
+        browsers: $,
+        os: Z,
         userConfirmations: { serverInstall: u.isServerInstallConfirmed() },
-        selectedConnection: g(e.getConnectionMode())
+        selectedConnection: S(e.getConnectionMode())
       };
     },
     [
       e,
       u,
-      w,
-      p,
-      h,
+      A,
       g,
-      x,
+      h,
+      S,
+      w,
       O
     ]
   ), l = c(() => {
@@ -157,156 +161,148 @@ function ne({
         serverInstall: u.isServerInstallConfirmed()
       },
       // Override selectedConnection from client (in case changed via handler)
-      selectedConnection: g(e.getConnectionMode())
+      selectedConnection: S(e.getConnectionMode())
     };
-  }, [u, e, g]), M = R(
+  }, [u, e, S]), x = I(
     () => ({
-      [m.MODAL_READY]: async () => (y.info("MODAL_READY: building initial state"), { setupState: l() }),
-      [m.MODAL_REFRESH]: async () => {
-        var s;
-        y.info("MODAL_REFRESH: refreshing state");
+      [p.MODAL_READY]: async () => (v.info("MODAL_READY: building initial state"), { setupState: l() }),
+      [p.MODAL_REFRESH]: async () => {
+        v.info("MODAL_REFRESH: refreshing state");
         const t = await d(!0);
         f.current = t;
         const r = l();
-        return y.info(`MODAL_REFRESH: state refreshed
-`, JSON.stringify(r, null, 2)), (s = i.current) == null || s.updateState(l()), { setupState: r };
+        return v.info(`MODAL_REFRESH: state refreshed
+`, JSON.stringify(r, null, 2)), i.current?.updateState(l()), { setupState: r };
       },
-      [m.MODAL_LNA_CONNECT]: async (t) => {
-        var o, C;
+      [p.MODAL_LNA_CONNECT]: async (t) => {
         const r = t.payload.serverUrl;
         console.log("[SetupModalProcessor] LNA connect:", r);
-        const s = await e.testDirectConnectivity(r);
-        if (s.server.status !== "not-connected") {
-          const L = s.server.status;
-          if (L === "ready" || L === "setup" || L === "resource-admin") {
+        const a = await e.testDirectConnectivity(r);
+        if (a.server.status !== "not-connected") {
+          const o = a.server.status;
+          if (o === "ready" || o === "setup" || o === "resource-admin") {
             u.setDirectStatus("granted"), e.getConnectionMode() === null && await e.setConnectionMode("direct");
-            const E = await d();
-            return f.current = E, (o = i.current) == null || o.updateState(l()), { success: !0 };
+            const L = await d();
+            return f.current = L, i.current?.updateState(l()), { success: !0 };
           }
         }
         const n = await d();
-        return f.current = n, (C = i.current) == null || C.updateState(l()), { success: !1 };
+        return f.current = n, i.current?.updateState(l()), { success: !1 };
       },
-      [m.MODAL_LNA_SKIP]: async () => {
-        var r;
+      [p.MODAL_LNA_SKIP]: async () => {
         u.setDirectStatus("skipped");
         const t = await d();
-        return f.current = t, (r = i.current) == null || r.updateState(l()), { success: !0 };
-      },
-      [m.MODAL_CLOSE]: () => {
-        v();
+        return f.current = t, i.current?.updateState(l()), { success: !0 };
       },
-      [m.MODAL_COMPLETE]: () => {
-        v();
+      [p.MODAL_CLOSE]: () => {
+        C();
       },
-      [m.MODAL_CONFIRM_SERVER_INSTALL]: (t) => {
-        var r;
-        return u.setServerInstallConfirmed(t.payload.confirmed), (r = i.current) == null || r.updateState(l()), { success: !0 };
+      [p.MODAL_COMPLETE]: () => {
+        C();
       },
-      [m.MODAL_SELECT_CONNECTION]: async (t) => {
-        var n;
-        const s = t.payload.connection === "lna" ? "direct" : "extension";
-        return await e.setConnectionMode(s), (n = i.current) == null || n.updateState(l()), { success: !0 };
+      [p.MODAL_CONFIRM_SERVER_INSTALL]: (t) => (u.setServerInstallConfirmed(t.payload.confirmed), i.current?.updateState(l()), { success: !0 }),
+      [p.MODAL_SELECT_CONNECTION]: async (t) => {
+        const a = t.payload.connection === "lna" ? "direct" : "extension";
+        return await e.setConnectionMode(a), i.current?.updateState(l()), { success: !0 };
       }
     }),
-    [y, e, u, d, l, h, v]
+    [v, e, u, d, l, h, C]
   );
-  return N(() => (i.current = new Z({ modalHtmlPath: a, handlers: M }), () => {
-    var t;
-    (t = i.current) == null || t.destroy(), i.current = null;
-  }), [a, M]), N(() => {
-    A && i.current ? d(!0).then((t) => {
-      var r;
-      f.current = t, (r = i.current) == null || r.show(t), S == null || S();
+  return b(() => (i.current = new ee({ modalHtmlPath: s, handlers: x }), () => {
+    i.current?.destroy(), i.current = null;
+  }), [s, x]), b(() => {
+    E && i.current ? d(!0).then((t) => {
+      f.current = t, i.current?.show(t), m?.();
     }).catch((t) => {
       console.error("[SetupModalProcessor] buildSetupState failed:", t);
-    }) : !A && i.current && i.current.destroy();
-  }, [A, d, S]), null;
+    }) : !E && i.current && i.current.destroy();
+  }, [E, d, m]), null;
 }
-const k = te(null);
-k.displayName = "BodhiContext";
-function le({
+const z = ne(null);
+z.displayName = "BodhiContext";
+function Se({
   children: e,
-  client: a,
-  modalHtmlPath: v,
-  handleCallback: S = !0,
-  callbackUrl: _ = "/callback",
+  client: s,
+  modalHtmlPath: C,
+  handleCallback: m = !0,
+  callbackPath: _ = "/callback",
+  basePath: y = "/",
   logLevel: D = "warn"
 }) {
-  const A = b(!1), y = b(!1), [i, u] = I(
+  const E = N(!1), v = N(!1), [i, u] = R(
     { type: "not-initialized" }
     // Start with UI state, client.init() will update
-  ), [f, g] = I(null), [w, p] = I(!1), [h, O] = I("ready");
-  N(() => {
+  ), [f, S] = R(null), [A, g] = R(!1), [h, O] = R("ready");
+  b(() => {
     const n = (o) => {
       switch (o.type) {
         case "client-state":
           u(o.state);
           break;
         case "auth-state":
-          g(o.state), p(!1);
+          S(o.state), g(!1);
           break;
       }
     };
-    return a.setStateCallback(n), () => {
-      a.setStateCallback($);
+    return s.setStateCallback(n), () => {
+      s.setStateCallback(te);
     };
-  }, [a]);
-  const x = c(async () => {
+  }, [s]);
+  const w = c(async () => {
     O("loading");
   }, []), d = c(() => {
     O("ready");
   }, []), l = c(() => {
     O("loaded");
-  }, []), M = c(
+  }, []), x = c(
     async (n) => {
       u({ type: "initializing" });
       try {
-        await a.init(n || {});
+        await s.init(n || {});
       } catch (o) {
         console.error("[BodhiProvider] Init failed:", o);
       }
     },
-    [a]
+    [s]
   );
-  N(() => {
-    if (y.current) return;
-    y.current = !0, (async () => {
-      if (await M(), !S) return;
+  b(() => {
+    if (v.current) return;
+    v.current = !0, (async () => {
+      if (await x(), !m) return;
       const o = new URL(window.location.href);
       if (o.pathname !== _) return;
-      const C = o.searchParams.get("code"), L = o.searchParams.get("state");
-      !C || !L || A.current || (A.current = !0, ee(a) && (p(!0), a.handleOAuthCallback(C, L).then(() => {
-        window.history.replaceState({}, "", "/");
-      }).catch((E) => {
-        console.error("OAuth callback failed:", E), g({
+      const L = o.searchParams.get("code"), k = o.searchParams.get("state");
+      !L || !k || E.current || (E.current = !0, re(s) && (g(!0), s.handleOAuthCallback(L, k).then(() => {
+        window.history.replaceState({}, "", y);
+      }).catch((M) => {
+        console.error("OAuth callback failed:", M), S({
           isLoggedIn: !1,
           error: {
-            message: E instanceof Error ? E.message : "OAuth callback failed",
+            message: M instanceof Error ? M.message : "OAuth callback failed",
             code: "OAUTH_CALLBACK_FAILED"
           }
-        }), p(!1), window.history.replaceState({}, "", "/");
+        }), g(!1), window.history.replaceState({}, "", y);
       })));
     })();
-  }, [M, a, S, _]);
+  }, [x, s, m, _, y]);
   const t = c(async () => {
-    p(!0);
+    g(!0);
     try {
-      await a.login();
+      await s.login();
     } catch (n) {
-      g({
+      S({
         isLoggedIn: !1,
         error: {
           message: n instanceof Error ? n.message : "Login failed",
           code: "LOGIN_FAILED"
         }
-      }), p(!1);
+      }), g(!1);
     }
-  }, [a]), r = c(async () => {
+  }, [s]), r = c(async () => {
     try {
-      await a.logout();
+      await s.logout();
     } catch (n) {
-      g({
+      S({
         isLoggedIn: !1,
         error: {
           message: n instanceof Error ? n.message : "Logout failed",
@@ -314,37 +310,38 @@ function le({
         }
       });
     }
-  }, [a]), s = R(
+  }, [s]), a = I(
     () => ({
-      client: a,
+      client: s,
       clientState: i,
       auth: f,
-      authLoading: w,
+      authLoading: A,
       login: t,
       logout: r,
-      showSetup: x,
+      showSetup: w,
       hideSetup: d,
       setupState: h
     }),
-    [a, i, f, w, h, t, r, x, d]
+    [s, i, f, A, h, t, r, w, d]
   );
-  return /* @__PURE__ */ G(k.Provider, { value: s, children: [
+  return /* @__PURE__ */ G(z.Provider, { value: a, children: [
     /* @__PURE__ */ K(
-      ne,
+      ae,
       {
-        client: a,
-        modalHtmlPath: v,
+        client: s,
+        modalHtmlPath: C,
         hideSetup: d,
         onSetupReady: l,
         setupState: h,
+        basePath: y,
         logLevel: D
       }
     ),
     e
   ] });
 }
-function fe() {
-  const e = re(k);
+function ge() {
+  const e = se(z);
   if (!e) throw new Error("useBodhi must be used within BodhiProvider");
   return {
     client: e.client,
@@ -358,70 +355,71 @@ function fe() {
     hideSetup: e.hideSetup
   };
 }
-function z(e) {
+function P(e) {
   return e.type === "not-initialized";
 }
-function B(e) {
+function F(e) {
   return e.type === "initializing";
 }
-function P(e) {
-  return !(z(e) || B(e));
+function T(e) {
+  return !(P(e) || F(e));
 }
-function se(e) {
-  return P(e) ? T(e) : !1;
+function oe(e) {
+  return T(e) ? B(e) : !1;
 }
-function ae(e) {
-  if (z(e))
+function ie(e) {
+  if (P(e))
     return { ready: !1, actualState: "not-initialized", mode: null };
-  if (B(e))
+  if (F(e))
     return { ready: !1, actualState: "initializing", mode: null };
-  const a = F(e) ? "extension" : "direct", v = T(e), S = F(e) ? e.extension : e.server.status === "not-connected" ? "not-connected" : "ready";
-  return { ready: v, actualState: S, mode: a };
+  const s = U(e) ? "extension" : "direct", C = B(e), m = U(e) ? e.extension : e.server.status === "not-connected" ? "not-connected" : "ready";
+  return { ready: C, actualState: m, mode: s };
 }
-function oe(e) {
-  if (!P(e))
+function ue(e) {
+  if (!T(e))
     return { ready: !1, actualState: "n/a" };
-  const a = e.server;
+  const s = e.server;
   return {
-    ready: a.status === "ready",
-    actualState: a.status
+    ready: s.status === "ready",
+    actualState: s.status
   };
 }
-function ie(e) {
-  return P(e) ? T(e) && e.server.status === "ready" : !1;
+function ce(e) {
+  return T(e) ? B(e) && e.server.status === "ready" : !1;
 }
-const Se = {
+const pe = {
   // Type guards
-  isNotInitialized: z,
-  isInitializing: B,
-  isInitialized: P,
-  isReady: se,
+  isNotInitialized: P,
+  isInitializing: F,
+  isInitialized: T,
+  isReady: oe,
   // Derived state
-  getClientInitState: ae,
-  getServerState: oe,
-  isOverallReady: ie
-};
+  getClientInitState: ie,
+  getServerState: ue,
+  isOverallReady: ce
+}, Ce = "production";
 export {
-  le as BodhiProvider,
-  k as BodhiReactContext,
-  Se as ClientCtxState,
-  Ce as createApiError,
-  me as createOperationError,
-  ae as getClientInitState,
-  oe as getServerState,
-  ve as isApiResultError,
-  ye as isApiResultOperationError,
-  he as isApiResultSuccess,
-  Le as isAuthError,
-  Ee as isAuthLoggedIn,
-  P as isClientCtxInitialized,
-  B as isClientCtxInitializing,
-  z as isClientCtxNotInitialized,
-  se as isClientCtxReady,
-  Ae as isClientReady,
-  Oe as isDirectState,
-  we as isExtensionState,
-  xe as isOperationError,
-  ie as isOverallReady,
-  fe as useBodhi
+  Se as BodhiProvider,
+  z as BodhiReactContext,
+  pe as ClientCtxState,
+  Ce as REACT_BUILD_MODE,
+  ve as createApiError,
+  he as createOperationError,
+  ie as getClientInitState,
+  ue as getServerState,
+  Le as isApiResultError,
+  Ee as isApiResultOperationError,
+  Oe as isApiResultSuccess,
+  Ae as isAuthError,
+  we as isAuthLoggedIn,
+  T as isClientCtxInitialized,
+  F as isClientCtxInitializing,
+  P as isClientCtxNotInitialized,
+  oe as isClientCtxReady,
+  xe as isClientReady,
+  Me as isDirectState,
+  _e as isExtensionState,
+  De as isOperationError,
+  ce as isOverallReady,
+  ge as useBodhi
 };

package/dist/setup-modal/src/types/message-types.d.ts

@@ -1,5 +1,4 @@
 import { SetupState } from './state';
-
 /**
  * Central registry mapping message types to their payload/response shapes
  * Single source of truth - everything else is inferred!

package/dist/setup-modal/src/types/protocol.d.ts

@@ -1,5 +1,4 @@
 import { MessageType, RequestPayload, ResponsePayload } from './message-types';
-
 /** Branded type for type-safe request IDs */
 export type RequestId = string & {
     readonly __brand: 'RequestId';

package/dist/setup-modal/src/types/state.d.ts

@@ -2,7 +2,6 @@ import { Browser, EnvState, OS } from './platform';
 import { ExtensionState } from './extension';
 import { ServerState } from './server';
 import { LnaServerState, LnaState } from './lna';
-
 export declare enum SetupStep {
     PLATFORM_CHECK = "platform-check",
     SERVER_SETUP = "server-setup",

package/dist/setup-modal/src/types/type-guards.d.ts

@@ -2,7 +2,6 @@ import { ExtensionState, ExtensionStateNotReady, ExtensionStateReady } from './e
 import { ServerState, ServerStateError, ServerStatePending, ServerStateReachable, ServerStateReady, ServerStateUnreachable } from './server';
 import { LnaServerState, LnaServerStateError, LnaServerStatePending, LnaServerStateReady, LnaServerStateResourceAdmin, LnaServerStateSetup, LnaState, LnaStateDenied, LnaStateGranted, LnaStatePrompt, LnaStateSkipped, LnaStateUnreachable, LnaStateUnsupported } from './lna';
 import { Browser, NotSupportedBrowser, NotSupportedOS, OS, SupportedBrowser, SupportedOS } from './platform';
-
 export declare function isExtensionStateReady(ext: ExtensionState): ext is ExtensionStateReady;
 export declare function isExtensionStateNotReady(ext: ExtensionState): ext is ExtensionStateNotReady;
 export declare function isServerStateReady(server: ServerState): server is ServerStateReady;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bodhiapp/bodhi-js-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "React bindings for Bodhi Browser SDK",
   "type": "module",
   "main": "dist/bodhi-react.cjs.js",
@@ -34,14 +34,15 @@
     "lint:fix": "prettier --write . && eslint . --ext .js,.jsx,.ts,.tsx --fix"
   },
   "dependencies": {
-    "@bodhiapp/bodhi-js-core": "0.0.3",
-    "@bodhiapp/ts-client": "^0.1.7"
+    "@bodhiapp/bodhi-js-core": "0.0.5",
+    "@bodhiapp/ts-client": "0.1.8"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.23.0",
+    "@types/node": "^20.19.10",
     "@types/react": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "8.28.0",
     "@typescript-eslint/parser": "8.28.0",
@@ -52,7 +53,7 @@
     "rimraf": "^6.0.1",
     "tslib": "^2.6.2",
     "typescript": "^5.8.3",
-    "vite": "^5.2.0",
-    "vite-plugin-dts": "^3.9.1"
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4"
   }
 }