@gr33n-ai/jade-sdk-rn-client 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback } from 'react';
-import { AppState } from 'react-native';
 import { jsx } from 'react/jsx-runtime';
+import { AppState } from 'react-native';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -320,8 +320,6 @@ var require_react_native_sse = __commonJS({
     module.exports = EventSource3;
   }
 });
-
-// ../ts-client/dist/index.js
 async function getBytes(stream, onChunk) {
   const reader = stream.getReader();
   let result;
@@ -1571,14 +1569,6 @@ var TOOL_REGISTRY = {
 function getToolDefinition(toolName) {
   return TOOL_REGISTRY[toolName];
 }
-function getToolIconName(toolName, toolInput) {
-  const def = getToolDefinition(toolName);
-  if (!def) return "Wrench";
-  if (def.iconVariant && toolInput) {
-    return def.iconVariant(toolInput);
-  }
-  return def.iconName;
-}
 var SUGGESTION_REGEX = /<gr3\.suggestion>([\s\S]*?)<\/gr3\.suggestion>/g;
 function parseSuggestions(text) {
   const suggestions = [];
@@ -1978,6 +1968,7 @@ function extractMedia(conversation) {
   mediaArray.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
   return mediaArray;
 }
+createContext(null);
 
 // src/react-native/sse-adapter.ts
 var import_react_native_sse = __toESM(require_react_native_sse());
@@ -2045,7 +2036,7 @@ async function createRNSSEStream(options) {
       ];
       for (const eventType of eventTypes) {
         es.addEventListener(eventType, (event) => {
-          console.log(`[RN-SSE] Received ${eventType} event:`, event.data?.substring?.(0, 100) || event.data);
+          console.log(`[Jade-SSE] Received ${eventType} event:`, event.data?.substring?.(0, 100) || event.data);
           const eventData = {
             data: event.data,
             lastEventId: event.lastEventId ?? void 0
@@ -2054,7 +2045,7 @@ async function createRNSSEStream(options) {
         });
       }
       es.addEventListener("message", (event) => {
-        console.log("[RN-SSE] Received message event:", event.data?.substring?.(0, 100) || event.data);
+        console.log("[Jade-SSE] Received message event:", event.data?.substring?.(0, 100) || event.data);
         const eventData = {
           data: event.data,
           lastEventId: event.lastEventId ?? void 0
@@ -2062,7 +2053,7 @@ async function createRNSSEStream(options) {
         handleSSEEvent("message", eventData, emitter, processedIds);
       });
       es.addEventListener("error", (event) => {
-        console.log("[RN-SSE] Error event:", JSON.stringify(event));
+        console.log("[Jade-SSE] Error event:", JSON.stringify(event));
         if (signal?.aborted || isClosed) {
           cleanup();
           return;
@@ -2071,7 +2062,7 @@ async function createRNSSEStream(options) {
         const status = event.xhrStatus;
         if (status === 401 || status === 403 || errorMessage.includes("401") || errorMessage.includes("403") || errorMessage.includes("Authentication")) {
           const authError = `Authentication failed (${status || "unknown"}): ${errorMessage}`;
-          console.log("[RN-SSE] Auth error detected:", authError);
+          console.log("[Jade-SSE] Auth error detected:", authError);
           emitter.emit("error", { error: authError });
           cleanup();
           reject(new Error(authError));
@@ -2101,7 +2092,7 @@ async function createRNSSEStream(options) {
           INITIAL_RETRY_DELAY2 * Math.pow(2, retryCount - 1),
           MAX_RETRY_DELAY2
         );
-        console.log(`[RN-SSE] Retry ${retryCount}/${MAX_RETRIES2} in ${delay}ms`);
+        console.log(`[Jade-SSE] Retry ${retryCount}/${MAX_RETRIES2} in ${delay}ms`);
         es?.close();
         setTimeout(connect, delay);
       });
@@ -2162,7 +2153,7 @@ function handleSSEEvent(eventType, event, emitter, processedIds) {
         break;
     }
   } catch (e) {
-    console.error("[RN-SSE] Failed to parse event:", event.data, e);
+    console.error("[Jade-SSE] Failed to parse event:", event.data, e);
   }
 }
 function handleStreamEvent2(data, emitter) {
@@ -2182,7 +2173,7 @@ function handleStreamEvent2(data, emitter) {
 }
 
 // src/react-native/client.ts
-var RNAgentClient = class {
+var JadeClient = class {
   config;
   baseClient;
   activeStreams = /* @__PURE__ */ new Map();
@@ -2397,8 +2388,8 @@ var RNAgentClient = class {
     return this.baseClient.getPluginBundle(skills);
   }
 };
-var RNAgentContext = createContext(null);
-function RNAgentProvider({
+var JadeContext = createContext(null);
+function JadeProvider({
   children,
   config,
   storage,
@@ -2413,7 +2404,7 @@ function RNAgentProvider({
     return () => subscription.remove();
   }, [pauseOnBackground]);
   const client = useMemo(
-    () => new RNAgentClient(config),
+    () => new JadeClient(config),
     // Only recreate client if endpoint changes
     [config.endpoint, config.apiVersion, config.timeout]
   );
@@ -2421,31 +2412,31 @@ function RNAgentProvider({
     () => ({ client, storage, appState }),
     [client, storage, appState]
   );
-  return /* @__PURE__ */ jsx(RNAgentContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx(JadeContext.Provider, { value, children });
 }
-function useRNAgentClient() {
-  const context = useContext(RNAgentContext);
+function useJadeClient() {
+  const context = useContext(JadeContext);
   if (!context) {
-    throw new Error("useRNAgentClient must be used within an RNAgentProvider");
+    throw new Error("useJadeClient must be used within a JadeProvider");
   }
   return context.client;
 }
 function useStorage() {
-  const context = useContext(RNAgentContext);
+  const context = useContext(JadeContext);
   if (!context) {
-    throw new Error("useStorage must be used within an RNAgentProvider");
+    throw new Error("useStorage must be used within a JadeProvider");
   }
   return context.storage;
 }
 function useAppState() {
-  const context = useContext(RNAgentContext);
+  const context = useContext(JadeContext);
   if (!context) {
-    throw new Error("useAppState must be used within an RNAgentProvider");
+    throw new Error("useAppState must be used within a JadeProvider");
   }
   return context.appState;
 }
-function useRNAgentSession(options = {}) {
-  const client = useRNAgentClient();
+function useJadeSessionCore(options = {}) {
+  const client = useJadeClient();
   const appState = useAppState();
   const {
     initialSessionId,
@@ -2463,7 +2454,7 @@ function useRNAgentSession(options = {}) {
   const accumulatedTextRef = useRef({});
   useEffect(() => {
     if (pauseOnBackground && appState !== "active" && session.isStreaming) {
-      console.log("[RNAgentSession] App went to background while streaming");
+      console.log("[JadeSession] App went to background while streaming");
     }
   }, [appState, pauseOnBackground, session.isStreaming]);
   const setupEventHandlers = useCallback(
@@ -2608,10 +2599,10 @@ function useRNAgentSession(options = {}) {
         try {
           await client.cancelSession(session.sessionId);
         } catch (error) {
-          console.error("[RNAgentSession] Server-side cancel failed:", error);
+          console.error("[JadeSession] Server-side cancel failed:", error);
         }
       } else {
-        console.warn("[RNAgentSession] No sessionId available for server-side cancel");
+        console.warn("[JadeSession] No sessionId available for server-side cancel");
       }
       if (abortRef.current) {
         abortRef.current();
@@ -2735,7 +2726,7 @@ function useJadeSession(options = {}) {
     processingOptions,
     ...agentOptions
   } = options;
-  const session = useRNAgentSession(agentOptions);
+  const session = useJadeSessionCore(agentOptions);
   const processedConversation = useMemo(() => {
     return processConversation(session.conversation, {
       skipSkillContext,
@@ -2789,4 +2780,4 @@ var STORAGE_KEYS = {
   USER_PREFERENCES: "@gr33n-ai/user-preferences"
 };
 
-export { RNAgentClient as AgentClient, AgentClientError, AgentEventEmitter, AuthenticationError, RNAgentClient, RNAgentProvider, RequestError, STORAGE_KEYS, SessionNotFoundError, SkillNotFoundError, TOOL_REGISTRY, createAsyncStorageAdapter, createMMKVAdapter, createMediaParseResult, createMemoryStorageAdapter, extractMedia, extractMediaInfo, extractMediaInfoFromToolResult, getMediaTypeFromExtension, getMediaTypeFromUrl, getToolDefinition, getToolIconName, hasSuggestions, parseSuggestions, parseToolResultContent, processConversation, useAppState, useJadeSession, useRNAgentClient, useRNAgentSession, useStorage };
+export { JadeClient, JadeProvider, STORAGE_KEYS, TOOL_REGISTRY, createAsyncStorageAdapter, createMMKVAdapter, createMemoryStorageAdapter, extractMedia, getToolDefinition, processConversation, useAppState, useJadeClient, useJadeSession, useJadeSessionCore, useStorage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gr33n-ai/jade-sdk-rn-client",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "React Native client for Jade AI - generate images, videos, and audio on mobile",
   "license": "MIT",
   "author": "gr33n.ai",
@@ -34,32 +34,14 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
-    },
-    "./react-native": {
-      "react-native": "./dist/react-native/index.mjs",
-      "types": "./dist/react-native/index.d.ts",
-      "import": "./dist/react-native/index.mjs",
-      "require": "./dist/react-native/index.js"
     }
   },
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup",
-    "build:deps": "pnpm --filter @gr33n-ai/agent-sdk-client build && pnpm --filter @gr33n-ai/jade-sdk-client build",
-    "build:all": "pnpm run build:deps && pnpm run build",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint src/",
-    "test": "jest",
-    "playground": "cd playground && npx expo start",
-    "playground:ios": "cd playground && npx expo start --ios",
-    "playground:android": "cd playground && npx expo start --android"
-  },
   "dependencies": {
-    "@gr33n-ai/jade-sdk-client": "workspace:*",
-    "react-native-sse": "^1.2.1"
+    "react-native-sse": "^1.2.1",
+    "@gr33n-ai/jade-sdk-client": "0.1.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -76,5 +58,17 @@
     "tsup": "^8.0.0",
     "typescript": "^5"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "build:deps": "pnpm --filter @gr33n-ai/agent-sdk-client build && pnpm --filter @gr33n-ai/jade-sdk-client build",
+    "build:all": "pnpm run build:deps && pnpm run build",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "test": "jest",
+    "playground": "cd playground && npx expo start",
+    "playground:ios": "cd playground && npx expo start --ios",
+    "playground:android": "cd playground && npx expo start --android"
+  }
+}

package/dist/react-native/index.d.mts

@@ -1,339 +0,0 @@
-import { AgentClientConfig, MessagesRequest, AgentEventEmitter, SessionListResponse, SessionConversationResponse, SessionContentResponse, SessionStatusResponse, UpdateSessionRequest, SuccessResponse, CancelResponse, SkillListResponse, SaveSkillRequest, PluginManifestResponse, PluginBundleResponse, ConversationEntry, StreamingToolCall, ProcessingOptions, ProcessedEntry, MediaInfo } from '@gr33n-ai/jade-sdk-client';
-export { ConversationEntry, MediaInfo, ProcessedEntry, ProcessingOptions, SessionMetadata, SkillMetadata, StreamingToolCall } from '@gr33n-ai/jade-sdk-client';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-import { AppStateStatus } from 'react-native';
-
-/**
- * RNAgentClient - React Native client for the Agent SDK API.
- * Uses react-native-sse for streaming instead of @microsoft/fetch-event-source.
- */
-
-declare class RNAgentClient {
-    private config;
-    private baseClient;
-    private activeStreams;
-    constructor(config: AgentClientConfig);
-    /** Whether org context is configured (orgId is set) */
-    get hasOrgContext(): boolean;
-    private get baseUrl();
-    private getHeaders;
-    /**
-     * Send a message and stream responses using React Native SSE.
-     * @returns Object with event emitter and abort function
-     */
-    stream(request: MessagesRequest): {
-        emitter: AgentEventEmitter;
-        abort: () => void;
-    };
-    /**
-     * Reconnect to an active streaming session using React Native SSE.
-     * @returns Object with event emitter and abort function
-     */
-    reconnect(sessionId: string, lastEventId?: number): {
-        emitter: AgentEventEmitter;
-        abort: () => void;
-    };
-    /**
-     * List all sessions for the authenticated user.
-     */
-    listSessions(): Promise<SessionListResponse>;
-    /**
-     * Get session content in display format.
-     */
-    getSession(sessionId: string): Promise<SessionConversationResponse>;
-    /**
-     * Get session content as raw JSONL.
-     */
-    getSessionRaw(sessionId: string): Promise<SessionContentResponse>;
-    /**
-     * Check if a session is actively streaming.
-     */
-    getSessionStatus(sessionId: string): Promise<SessionStatusResponse>;
-    /**
-     * Update session metadata (name).
-     */
-    updateSession(sessionId: string, updates: UpdateSessionRequest): Promise<SuccessResponse>;
-    /**
-     * Delete a session.
-     */
-    deleteSession(sessionId: string): Promise<SuccessResponse>;
-    /**
-     * Cancel an active session query.
-     */
-    cancelSession(sessionId: string): Promise<CancelResponse>;
-    /**
-     * List personal skills.
-     */
-    listSkills(): Promise<SkillListResponse>;
-    /**
-     * Get personal skill content.
-     */
-    getSkill(name: string): Promise<Uint8Array>;
-    /**
-     * Create or update a personal skill.
-     */
-    saveSkill(skill: SaveSkillRequest): Promise<SuccessResponse>;
-    /**
-     * Delete a personal skill.
-     */
-    deleteSkill(name: string): Promise<SuccessResponse>;
-    /**
-     * List organization skills.
-     */
-    listOrgSkills(): Promise<SkillListResponse>;
-    /**
-     * Get organization skill content.
-     */
-    getOrgSkill(name: string): Promise<Uint8Array>;
-    /**
-     * Create or update an organization skill.
-     */
-    saveOrgSkill(skill: SaveSkillRequest): Promise<SuccessResponse>;
-    /**
-     * Delete an organization skill.
-     */
-    deleteOrgSkill(name: string): Promise<SuccessResponse>;
-    /**
-     * Get plugin manifest for client sync.
-     */
-    getPluginManifest(): Promise<PluginManifestResponse>;
-    /**
-     * Download plugin bundle.
-     */
-    getPluginBundle(skills?: string[]): Promise<PluginBundleResponse>;
-}
-
-/**
- * Storage adapter for React Native.
- * Provides AsyncStorage and MMKV implementations.
- */
-interface StorageAdapter {
-    getItem(key: string): Promise<string | null>;
-    setItem(key: string, value: string): Promise<void>;
-    removeItem(key: string): Promise<void>;
-}
-/**
- * Create a storage adapter using @react-native-async-storage/async-storage.
- * AsyncStorage must be passed in to avoid requiring it as a direct dependency.
- *
- * @example
- * ```typescript
- * import AsyncStorage from '@react-native-async-storage/async-storage';
- * const storage = createAsyncStorageAdapter(AsyncStorage);
- * ```
- */
-declare function createAsyncStorageAdapter(asyncStorage: {
-    getItem: (key: string) => Promise<string | null>;
-    setItem: (key: string, value: string) => Promise<void>;
-    removeItem: (key: string) => Promise<void>;
-}): StorageAdapter;
-/**
- * Create a storage adapter using react-native-mmkv.
- * MMKV instance must be passed in to avoid requiring it as a direct dependency.
- *
- * @example
- * ```typescript
- * import { MMKV } from 'react-native-mmkv';
- * const mmkv = new MMKV();
- * const storage = createMMKVAdapter(mmkv);
- * ```
- */
-declare function createMMKVAdapter(mmkv: {
-    getString: (key: string) => string | undefined;
-    set: (key: string, value: string) => void;
-    delete: (key: string) => void;
-}): StorageAdapter;
-/**
- * Create an in-memory storage adapter for testing.
- */
-declare function createMemoryStorageAdapter(): StorageAdapter;
-/**
- * Standard storage keys used by the Jade SDK.
- */
-declare const STORAGE_KEYS: {
-    readonly AUTH_TOKEN: "@gr33n-ai/auth-token";
-    readonly ENDPOINT: "@gr33n-ai/endpoint";
-    readonly ORG_ID: "@gr33n-ai/org-id";
-    readonly LAST_SESSION_ID: "@gr33n-ai/last-session-id";
-    readonly USER_PREFERENCES: "@gr33n-ai/user-preferences";
-};
-
-interface RNAgentProviderProps {
-    children: React.ReactNode;
-    /** Client configuration */
-    config: AgentClientConfig;
-    /** Optional storage adapter for persisting auth tokens, etc. */
-    storage?: StorageAdapter;
-    /** Pause streaming when app goes to background (default: true) */
-    pauseOnBackground?: boolean;
-}
-/**
- * Provider component for the React Native Jade SDK client.
- * Wrap your app with this to use the agent hooks.
- *
- * Features:
- * - AppState-aware (tracks foreground/background)
- * - Optional storage adapter for persistence
- *
- * @example
- * ```tsx
- * import AsyncStorage from '@react-native-async-storage/async-storage';
- * import { createAsyncStorageAdapter } from '@gr33n-ai/jade-sdk-rn-client/react-native';
- *
- * const storage = createAsyncStorageAdapter(AsyncStorage);
- *
- * <RNAgentProvider
- *   config={{
- *     endpoint: 'https://api.example.com',
- *     getAuthToken: async () => storage.getItem('@gr33n-ai/auth-token'),
- *   }}
- *   storage={storage}
- * >
- *   <App />
- * </RNAgentProvider>
- * ```
- */
-declare function RNAgentProvider({ children, config, storage, pauseOnBackground, }: RNAgentProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * Get the React Native Agent SDK client instance.
- * Must be used within an RNAgentProvider.
- *
- * @example
- * ```tsx
- * const client = useRNAgentClient();
- * const sessions = await client.listSessions();
- * ```
- */
-declare function useRNAgentClient(): RNAgentClient;
-/**
- * Get the storage adapter instance.
- * Must be used within an RNAgentProvider.
- *
- * @example
- * ```tsx
- * const storage = useStorage();
- * if (storage) {
- *   await storage.setItem('@gr33n-ai/last-session', sessionId);
- * }
- * ```
- */
-declare function useStorage(): StorageAdapter | undefined;
-/**
- * Get the current app state (active, background, inactive).
- * Useful for pausing/resuming operations based on app visibility.
- *
- * @example
- * ```tsx
- * const appState = useAppState();
- * useEffect(() => {
- *   if (appState === 'active') {
- *     // Resume operations
- *   }
- * }, [appState]);
- * ```
- */
-declare function useAppState(): AppStateStatus;
-
-/**
- * useRNAgentSession hook for React Native.
- * Manages agent sessions with streaming support using the RNAgentClient.
- */
-
-interface UseRNAgentSessionOptions {
-    /** Initial session ID */
-    initialSessionId?: string;
-    /** Initial conversation entries */
-    initialConversation?: ConversationEntry[];
-    /** Callback when media is generated (image/video/audio) */
-    onMediaGenerated?: (urls: string[], type: 'image' | 'video' | 'audio') => void;
-    /** Pause streaming when app goes to background (default: true) */
-    pauseOnBackground?: boolean;
-}
-interface UseRNAgentSessionReturn {
-    sessionId: string | undefined;
-    conversation: ConversationEntry[];
-    isStreaming: boolean;
-    streamingText: string | undefined;
-    streamingToolCall: StreamingToolCall | undefined;
-    showTinkering: boolean;
-    sendMessage: (prompt: string, skills?: string[]) => Promise<void>;
-    cancel: () => Promise<void>;
-    clear: () => void;
-    reconnect: (sessionId: string, freshConversation?: ConversationEntry[], streamingPrompt?: string) => Promise<void>;
-    setSessionId: (id: string | undefined) => void;
-    setConversation: (entries: ConversationEntry[], sessionId?: string) => void;
-    loadSession: (sessionId: string) => Promise<ConversationEntry[]>;
-}
-/**
- * Hook for managing agent sessions with streaming support in React Native.
- *
- * Features:
- * - Streaming with RN-specific SSE implementation
- * - AppState-aware (can pause on background)
- * - Same API as useAgentSession from agent-sdk-client
- *
- * @example
- * ```tsx
- * const {
- *   conversation,
- *   isStreaming,
- *   streamingText,
- *   sendMessage,
- *   cancel,
- * } = useRNAgentSession();
- *
- * await sendMessage('Hello!');
- * ```
- */
-declare function useRNAgentSession(options?: UseRNAgentSessionOptions): UseRNAgentSessionReturn;
-
-/**
- * useJadeSession hook for React Native.
- * Extends useRNAgentSession with processed conversation and media extraction.
- */
-
-interface UseJadeSessionOptions extends UseRNAgentSessionOptions {
-    /** Skip Skill context injection entries (default: true) */
-    skipSkillContext?: boolean;
-    /** Processing options */
-    processingOptions?: ProcessingOptions;
-}
-interface UseJadeSessionReturn extends UseRNAgentSessionReturn {
-    /** Processed conversation entries with tool pairing and parsing */
-    processedConversation: ProcessedEntry[];
-    /** All media extracted from conversation (deduplicated, sorted by timestamp) */
-    media: MediaInfo[];
-}
-/**
- * Hook for managing Jade agent sessions with enhanced conversation processing.
- * React Native version using RNAgentClient for streaming.
- *
- * Extends useRNAgentSession with:
- * - Processed conversation (tool call/result pairing, parsed inputs/results)
- * - Media extraction from generated content
- *
- * @example
- * ```tsx
- * const {
- *   conversation,
- *   processedConversation,
- *   media,
- *   isStreaming,
- *   sendMessage,
- * } = useJadeSession();
- *
- * // Render processed entries
- * {processedConversation.map((entry, i) => (
- *   <MessageRenderer key={i} entry={entry} />
- * ))}
- *
- * // Show media gallery
- * {media.map((item) => (
- *   <MediaThumbnail key={item.url} {...item} />
- * ))}
- * ```
- */
-declare function useJadeSession(options?: UseJadeSessionOptions): UseJadeSessionReturn;
-
-export { RNAgentClient as R, RNAgentProvider, type RNAgentProviderProps, STORAGE_KEYS, type StorageAdapter, type UseJadeSessionOptions, type UseJadeSessionReturn, type UseRNAgentSessionOptions, type UseRNAgentSessionReturn, createAsyncStorageAdapter, createMMKVAdapter, createMemoryStorageAdapter, useAppState, useJadeSession, useRNAgentClient, useRNAgentSession, useStorage };