npm - @trainly/react - Versions diffs - 1.0.2 → 1.1.0 - Mend

@trainly/react 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/README.md +136 -15
package/dist/TrainlyProvider.d.ts +3 -1
package/dist/TrainlyProvider.js +48 -13
package/dist/api/TrainlyClient.d.ts +6 -0
package/dist/api/TrainlyClient.js +143 -33
package/dist/components/TrainlyChat.js +2 -1
package/dist/components/TrainlyStatus.js +1 -0
package/dist/components/TrainlyUpload.js +1 -0
package/dist/types.d.ts +3 -0
package/dist/useTrainly.d.ts +1 -1
package/dist/useTrainly.js +1 -1
package/package.json +7 -2

package/README.md CHANGED Viewed

@@ -1,10 +1,94 @@
 # @trainly/react
-**Dead simple RAG integration for React apps**
+**Dead simple RAG integration for React apps with V1 OAuth Authentication**
-Go from `npm install` to working AI in under 5 minutes. No backend required, no complex setup, just install and use.
+Go from `npm install` to working AI in under 5 minutes. Now supports direct OAuth integration with **permanent user subchats** and complete privacy protection.
-## 🚀 Quick Start
+## 🆕 **NEW: V1 Trusted Issuer Authentication**
+Use your existing OAuth provider (Clerk, Auth0, Cognito) directly with Trainly! Users get permanent private workspaces, and developers never see raw files or queries.
+### V1 Quick Start
+#### 1. Install
+```bash
+npm install @trainly/react
+```
+#### 2. Register Your OAuth App (One-time)
+```bash
+curl -X POST "http://localhost:8000/v1/console/apps/register" \
+  -H "X-Admin-Token: admin_dev_token_123" \
+  -F "app_name=My App" \
+  -F "issuer=https://clerk.myapp.com" \
+  -F 'allowed_audiences=["my-clerk-frontend-api"]'
+```
+Save the `app_id` from the response!
+#### 3. Setup with V1 (Clerk Example)
+```tsx
+// app/layout.tsx
+import { ClerkProvider } from "@clerk/nextjs";
+import { TrainlyProvider } from "@trainly/react";
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <body>
+        <ClerkProvider>
+          <TrainlyProvider appId="your_app_id_from_step_2">
+            {children}
+          </TrainlyProvider>
+        </ClerkProvider>
+      </body>
+    </html>
+  );
+}
+```
+#### 4. Use with OAuth Authentication
+```tsx
+// Any component
+import { useAuth } from "@clerk/nextjs";
+import { useTrainly } from "@trainly/react";
+function MyComponent() {
+  const { getToken } = useAuth();
+  const { ask, connectWithOAuthToken } = useTrainly();
+  React.useEffect(() => {
+    async function setupTrainly() {
+      const idToken = await getToken();
+      await connectWithOAuthToken(idToken);
+    }
+    setupTrainly();
+  }, []);
+  const handleClick = async () => {
+    const answer = await ask("What files do I have?");
+    console.log(answer); // AI response from user's permanent private subchat!
+  };
+  return <button onClick={handleClick}>Ask My AI</button>;
+}
+```
+## 🔒 **V1 Benefits**
+- ✅ **Permanent User Data**: Same user = same private subchat forever
+- ✅ **Complete Privacy**: Developer never sees user files or queries
+- ✅ **Any OAuth Provider**: Clerk, Auth0, Cognito, Firebase, custom OIDC
+- ✅ **Zero Migration**: Works with your existing OAuth setup
+- ✅ **Simple Integration**: Just add `appId` and use `connectWithOAuthToken()`
+---
+## 🚀 Original Quick Start (Legacy)
 ### 1. Install
@@ -111,20 +195,45 @@ function App() {
 ### Authentication Modes
 ```tsx
-// Mode 1: App Secret (recommended for multi-user apps)
+// Mode 1: V1 Trusted Issuer (NEW - recommended for OAuth apps)
+<TrainlyProvider appId="app_v1_12345" /> // Register via console API first
+// Mode 2: App Secret (legacy - for multi-user apps)
 <TrainlyProvider appSecret="as_secret_123" />
-// Mode 2: With user context
+// Mode 3: With user context (legacy)
 <TrainlyProvider
   appSecret="as_secret_123"
   userId="user_123"
   userEmail="user@example.com"
 />
-// Mode 3: Direct API key (simple apps)
+// Mode 4: Direct API key (legacy - simple apps)
 <TrainlyProvider apiKey="tk_chat_id_key" />
 ```
+### V1 OAuth Provider Examples
+```tsx
+// With Clerk
+<TrainlyProvider
+  appId="app_v1_clerk_123"
+  baseUrl="https://api.trainly.com"
+/>
+// With Auth0
+<TrainlyProvider
+  appId="app_v1_auth0_456"
+  baseUrl="https://api.trainly.com"
+/>
+// With AWS Cognito
+<TrainlyProvider
+  appId="app_v1_cognito_789"
+  baseUrl="https://api.trainly.com"
+/>
+```
 ### Component Customization
 ```tsx
@@ -177,6 +286,9 @@ const {
   askWithCitations: (question: string) => Promise<{answer: string, citations: Citation[]}>,
   upload: (file: File) => Promise<UploadResult>,
+  // NEW: V1 Authentication
+  connectWithOAuthToken: (idToken: string) => Promise<void>,
   // State
   isLoading: boolean,
   isConnected: boolean,
@@ -198,22 +310,31 @@ const {
 ```tsx
 interface TrainlyProviderProps {
   children: React.ReactNode;
-  appSecret?: string; // App secret from Trainly dashboard
-  apiKey?: string; // Direct API key (alternative to appSecret)
+  appId?: string; // NEW: V1 app ID from console registration
+  appSecret?: string; // Legacy: App secret from Trainly dashboard
+  apiKey?: string; // Legacy: Direct API key (alternative to appSecret)
   baseUrl?: string; // Custom API URL (defaults to trainly.com)
-  userId?: string; // Your app's user ID
-  userEmail?: string; // Your app's user email
+  userId?: string; // Legacy: Your app's user ID
+  userEmail?: string; // Legacy: Your app's user email
 }
 ```
 ## 🔍 Examples
-Check out the `/examples` folder for complete implementations:
+See complete implementation examples in the [API Documentation](https://trainly.com/docs/v1-authentication).
+## 🆚 **V1 vs Legacy Comparison**
+| Feature        | V1 Trusted Issuer                | Legacy App Secret         |
+| -------------- | -------------------------------- | ------------------------- |
+| **User Auth**  | Your OAuth provider              | Trainly OAuth flow        |
+| **User Data**  | Permanent private subchat        | Temporary or shared       |
+| **Privacy**    | Complete (dev can't see files)   | Limited                   |
+| **Setup**      | Register once, use OAuth tokens  | Generate app secrets      |
+| **Migration**  | Zero (uses existing OAuth)       | Requires auth integration |
+| **Permanence** | Same user = same subchat forever | Depends on implementation |
-- **Simple Chat App** - Drop-in components
-- **Custom Implementation** - Build your own UI
-- **Multi-user App** - User-specific workspaces
-- **File-focused App** - Document analysis focus
+**Recommendation**: Use V1 for new apps and consider migrating existing apps for better privacy and user experience.
 ## 🛠️ Development

package/dist/TrainlyProvider.d.ts CHANGED Viewed

@@ -4,9 +4,11 @@ export interface TrainlyProviderProps {
     children: React.ReactNode;
     appSecret?: string;
     apiKey?: string;
+    appId?: string;
     baseUrl?: string;
     userId?: string;
     userEmail?: string;
 }
-export declare function TrainlyProvider({ children, appSecret, apiKey, baseUrl, userId, userEmail, }: TrainlyProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function TrainlyProvider({ children, appSecret, apiKey, appId, // NEW: For V1 authentication
+baseUrl, userId, userEmail, }: TrainlyProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTrainlyContext(): TrainlyContextValue;

package/dist/TrainlyProvider.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -49,11 +50,14 @@ import { TrainlyClient } from "./api/TrainlyClient";
 var TrainlyContext = React.createContext(undefined);
 export function TrainlyProvider(_a) {
     var _this = this;
-    var children = _a.children, appSecret = _a.appSecret, apiKey = _a.apiKey, _b = _a.baseUrl, baseUrl = _b === void 0 ? "http://localhost:8000" : _b, userId = _a.userId, userEmail = _a.userEmail;
+    var children = _a.children, appSecret = _a.appSecret, apiKey = _a.apiKey, appId = _a.appId, // NEW: For V1 authentication
+    _b = _a.baseUrl, // NEW: For V1 authentication
+    baseUrl = _b === void 0 ? "http://localhost:8000" : _b, userId = _a.userId, userEmail = _a.userEmail;
     var client = React.useState(function () {
         return new TrainlyClient({
             appSecret: appSecret,
             apiKey: apiKey,
+            appId: appId, // NEW: Pass appId to client
             baseUrl: baseUrl,
             userId: userId,
             userEmail: userEmail,
@@ -96,8 +100,38 @@ export function TrainlyProvider(_a) {
             }
         });
     }); };
+    // NEW: V1 OAuth Token connection method
+    var connectWithOAuthToken = function (idToken) { return __awaiter(_this, void 0, void 0, function () {
+        var err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, 3, 4]);
+                    setIsLoading(true);
+                    setError(null);
+                    return [4 /*yield*/, client.connectWithOAuthToken(idToken)];
+                case 1:
+                    _a.sent();
+                    setIsConnected(true);
+                    return [3 /*break*/, 4];
+                case 2:
+                    err_2 = _a.sent();
+                    setError({
+                        code: "V1_CONNECTION_FAILED",
+                        message: "Failed to connect with OAuth token",
+                        details: err_2,
+                    });
+                    setIsConnected(false);
+                    throw err_2;
+                case 3:
+                    setIsLoading(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     var ask = function (question) { return __awaiter(_this, void 0, void 0, function () {
-        var response, err_2, error_1;
+        var response, err_3, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -109,11 +143,11 @@ export function TrainlyProvider(_a) {
                     response = _a.sent();
                     return [2 /*return*/, response.answer];
                 case 2:
-                    err_2 = _a.sent();
+                    err_3 = _a.sent();
                     error_1 = {
                         code: "QUERY_FAILED",
                         message: "Failed to get answer",
-                        details: err_2,
+                        details: err_3,
                     };
                     setError(error_1);
                     throw error_1;
@@ -125,7 +159,7 @@ export function TrainlyProvider(_a) {
         });
     }); };
     var askWithCitations = function (question) { return __awaiter(_this, void 0, void 0, function () {
-        var response, err_3, error_2;
+        var response, err_4, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -140,11 +174,11 @@ export function TrainlyProvider(_a) {
                             citations: response.citations || [],
                         }];
                 case 2:
-                    err_3 = _a.sent();
+                    err_4 = _a.sent();
                     error_2 = {
                         code: "QUERY_FAILED",
                         message: "Failed to get answer with citations",
-                        details: err_3,
+                        details: err_4,
                     };
                     setError(error_2);
                     throw error_2;
@@ -156,7 +190,7 @@ export function TrainlyProvider(_a) {
         });
     }); };
     var upload = function (file) { return __awaiter(_this, void 0, void 0, function () {
-        var result, err_4, error_3;
+        var result, err_5, error_3;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -168,11 +202,11 @@ export function TrainlyProvider(_a) {
                     result = _a.sent();
                     return [2 /*return*/, result];
                 case 2:
-                    err_4 = _a.sent();
+                    err_5 = _a.sent();
                     error_3 = {
                         code: "UPLOAD_FAILED",
                         message: "Failed to upload file",
-                        details: err_4,
+                        details: err_5,
                     };
                     setError(error_3);
                     throw error_3;
@@ -184,7 +218,7 @@ export function TrainlyProvider(_a) {
         });
     }); };
     var sendMessage = function (content) { return __awaiter(_this, void 0, void 0, function () {
-        var userMessage, response, assistantMessage_1, err_5;
+        var userMessage, response, assistantMessage_1, err_6;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -211,9 +245,9 @@ export function TrainlyProvider(_a) {
                     setMessages(function (prev) { return __spreadArray(__spreadArray([], prev, true), [assistantMessage_1], false); });
                     return [3 /*break*/, 4];
                 case 3:
-                    err_5 = _a.sent();
+                    err_6 = _a.sent();
                     // Error is already set by askWithCitations
-                    console.error("Failed to send message:", err_5);
+                    console.error("Failed to send message:", err_6);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
@@ -226,6 +260,7 @@ export function TrainlyProvider(_a) {
         ask: ask,
         askWithCitations: askWithCitations,
         upload: upload,
+        connectWithOAuthToken: connectWithOAuthToken, // NEW: V1 OAuth connection method
         isLoading: isLoading,
         isConnected: isConnected,
         error: error,

package/dist/api/TrainlyClient.d.ts CHANGED Viewed

@@ -7,7 +7,13 @@ export declare class TrainlyClient {
     private config;
     private scopedToken;
     private currentUserId;
+    private isV1Mode;
     constructor(config: TrainlyConfig);
+    /**
+     * NEW: Connect using V1 Trusted Issuer authentication with OAuth ID token
+     * This method allows users to authenticate directly with their OAuth provider tokens
+     */
+    connectWithOAuthToken(idToken: string): Promise<void>;
     connect(): Promise<void>;
     ask(question: string, options?: {
         includeCitations?: boolean;

package/dist/api/TrainlyClient.js CHANGED Viewed

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -38,8 +49,51 @@ var TrainlyClient = /** @class */ (function () {
     function TrainlyClient(config) {
         this.scopedToken = null;
         this.currentUserId = null;
+        this.isV1Mode = false;
         this.config = config;
     }
+    /**
+     * NEW: Connect using V1 Trusted Issuer authentication with OAuth ID token
+     * This method allows users to authenticate directly with their OAuth provider tokens
+     */
+    TrainlyClient.prototype.connectWithOAuthToken = function (idToken) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, error, profile;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.config.appId) {
+                            throw new Error("appId is required for V1 authentication.");
+                        }
+                        // For V1, we use the ID token directly - no need to provision
+                        this.scopedToken = idToken;
+                        this.isV1Mode = true;
+                        return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/me/profile"), {
+                                headers: {
+                                    Authorization: "Bearer ".concat(idToken),
+                                    "X-App-ID": this.config.appId,
+                                },
+                            })];
+                    case 1:
+                        response = _a.sent();
+                        if (!!response.ok) return [3 /*break*/, 3];
+                        return [4 /*yield*/, response.json()];
+                    case 2:
+                        error = _a.sent();
+                        throw new Error("V1 authentication failed: ".concat(error.detail || response.statusText));
+                    case 3: return [4 /*yield*/, response.json()];
+                    case 4:
+                        profile = _a.sent();
+                        this.currentUserId = profile.user_id;
+                        console.log("✅ Connected to Trainly with V1 Trusted Issuer authentication");
+                        console.log("\uD83D\uDCCB User ID: ".concat(profile.user_id));
+                        console.log("\uD83D\uDCAC Chat ID: ".concat(profile.chat_id));
+                        console.log("\uD83D\uDD12 OAuth Provider: ".concat(profile.issuer));
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     TrainlyClient.prototype.connect = function () {
         return __awaiter(this, void 0, void 0, function () {
             var response, error, data;
@@ -88,14 +142,42 @@ var TrainlyClient = /** @class */ (function () {
     };
     TrainlyClient.prototype.ask = function (question_1) {
         return __awaiter(this, arguments, void 0, function (question, options) {
-            var url, headers, body, response, error, data;
+            var response_1, error, data_1, url, headers, body, response, error, data;
             if (options === void 0) { options = {}; }
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (!this.scopedToken) {
-                            throw new Error("Not connected. Call connect() first.");
+                            throw new Error("Not connected. Call connect() or connectWithOAuthToken() first.");
                         }
+                        if (!(this.isV1Mode && this.config.appId)) return [3 /*break*/, 5];
+                        return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/me/chats/query"), {
+                                method: "POST",
+                                headers: {
+                                    Authorization: "Bearer ".concat(this.scopedToken),
+                                    "X-App-ID": this.config.appId,
+                                    "Content-Type": "application/x-www-form-urlencoded",
+                                },
+                                body: new URLSearchParams({
+                                    messages: JSON.stringify([{ role: "user", content: question }]),
+                                    response_tokens: "150",
+                                }),
+                            })];
+                    case 1:
+                        response_1 = _a.sent();
+                        if (!!response_1.ok) return [3 /*break*/, 3];
+                        return [4 /*yield*/, response_1.json()];
+                    case 2:
+                        error = _a.sent();
+                        throw new Error("V1 query failed: ".concat(error.detail || response_1.statusText));
+                    case 3: return [4 /*yield*/, response_1.json()];
+                    case 4:
+                        data_1 = _a.sent();
+                        return [2 /*return*/, {
+                                answer: data_1.answer,
+                                citations: data_1.citations || [],
+                            }];
+                    case 5:
                         url = this.config.apiKey
                             ? "".concat(this.config.baseUrl, "/v1/").concat(this.extractChatId(), "/answer_question")
                             : "".concat(this.config.baseUrl, "/v1/privacy/query");
@@ -118,15 +200,15 @@ var TrainlyClient = /** @class */ (function () {
                                 headers: headers,
                                 body: JSON.stringify(body),
                             })];
-                    case 1:
+                    case 6:
                         response = _a.sent();
-                        if (!!response.ok) return [3 /*break*/, 3];
+                        if (!!response.ok) return [3 /*break*/, 8];
                         return [4 /*yield*/, response.json()];
-                    case 2:
+                    case 7:
                         error = _a.sent();
                         throw new Error("Query failed: ".concat(error.detail || response.statusText));
-                    case 3: return [4 /*yield*/, response.json()];
-                    case 4:
+                    case 8: return [4 /*yield*/, response.json()];
+                    case 9:
                         data = _a.sent();
                         return [2 /*return*/, {
                                 answer: data.answer,
@@ -138,37 +220,65 @@ var TrainlyClient = /** @class */ (function () {
     };
     TrainlyClient.prototype.upload = function (file) {
         return __awaiter(this, void 0, void 0, function () {
-            var formData, response, error, presignedResponse, error, upload_url, uploadResponse;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var formData, response, error, data, formData, response, error, presignedResponse, error, _a, upload_url, upload_headers, formData, uploadResponse;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         if (!this.scopedToken) {
-                            throw new Error("Not connected. Call connect() first.");
+                            throw new Error("Not connected. Call connect() or connectWithOAuthToken() first.");
                         }
-                        if (!this.config.apiKey) return [3 /*break*/, 4];
+                        if (!(this.isV1Mode && this.config.appId)) return [3 /*break*/, 5];
                         formData = new FormData();
                         formData.append("file", file);
-                        return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/").concat(this.extractChatId(), "/upload_file"), {
+                        return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/me/chats/files/upload"), {
                                 method: "POST",
                                 headers: {
-                                    Authorization: "Bearer ".concat(this.config.apiKey),
+                                    Authorization: "Bearer ".concat(this.scopedToken),
+                                    "X-App-ID": this.config.appId,
                                 },
                                 body: formData,
                             })];
                     case 1:
-                        response = _a.sent();
+                        response = _b.sent();
                         if (!!response.ok) return [3 /*break*/, 3];
                         return [4 /*yield*/, response.json()];
                     case 2:
-                        error = _a.sent();
+                        error = _b.sent();
+                        throw new Error("V1 upload failed: ".concat(error.detail || response.statusText));
+                    case 3: return [4 /*yield*/, response.json()];
+                    case 4:
+                        data = _b.sent();
+                        return [2 /*return*/, {
+                                success: data.success,
+                                filename: data.filename,
+                                size: data.size_bytes,
+                                message: data.message || "File uploaded to your permanent private subchat",
+                            }];
+                    case 5:
+                        if (!this.config.apiKey) return [3 /*break*/, 9];
+                        formData = new FormData();
+                        formData.append("file", file);
+                        return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/").concat(this.extractChatId(), "/upload_file"), {
+                                method: "POST",
+                                headers: {
+                                    Authorization: "Bearer ".concat(this.config.apiKey),
+                                },
+                                body: formData,
+                            })];
+                    case 6:
+                        response = _b.sent();
+                        if (!!response.ok) return [3 /*break*/, 8];
+                        return [4 /*yield*/, response.json()];
+                    case 7:
+                        error = _b.sent();
                         throw new Error("Upload failed: ".concat(error.detail || response.statusText));
-                    case 3: return [2 /*return*/, {
+                    case 8: return [2 /*return*/, {
                             success: true,
                             filename: file.name,
                             size: file.size,
                             message: "File uploaded successfully",
                         }];
-                    case 4: return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/privacy/upload/presigned-url"), {
+                    case 9: return [4 /*yield*/, fetch("".concat(this.config.baseUrl, "/v1/privacy/upload/presigned-url"), {
                             method: "POST",
                             headers: {
                                 "Content-Type": "application/json",
@@ -182,25 +292,25 @@ var TrainlyClient = /** @class */ (function () {
                                 file_type: file.type,
                             }),
                         })];
-                    case 5:
-                        presignedResponse = _a.sent();
-                        if (!!presignedResponse.ok) return [3 /*break*/, 7];
+                    case 10:
+                        presignedResponse = _b.sent();
+                        if (!!presignedResponse.ok) return [3 /*break*/, 12];
                         return [4 /*yield*/, presignedResponse.json()];
-                    case 6:
-                        error = _a.sent();
+                    case 11:
+                        error = _b.sent();
                         throw new Error("Failed to get upload URL: ".concat(error.detail || presignedResponse.statusText));
-                    case 7: return [4 /*yield*/, presignedResponse.json()];
-                    case 8:
-                        upload_url = (_a.sent()).upload_url;
+                    case 12: return [4 /*yield*/, presignedResponse.json()];
+                    case 13:
+                        _a = _b.sent(), upload_url = _a.upload_url, upload_headers = _a.upload_headers;
+                        formData = new FormData();
+                        formData.append("file", file);
                         return [4 /*yield*/, fetch(upload_url, {
-                                method: "PUT",
-                                body: file,
-                                headers: {
-                                    "Content-Type": file.type,
-                                },
+                                method: "POST",
+                                body: formData,
+                                headers: __assign({}, upload_headers),
                             })];
-                    case 9:
-                        uploadResponse = _a.sent();
+                    case 14:
+                        uploadResponse = _b.sent();
                         if (!uploadResponse.ok) {
                             throw new Error("Failed to upload file");
                         }

package/dist/components/TrainlyChat.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -86,7 +87,7 @@ export function TrainlyChat(_a) {
         var file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
         if (file) {
             // This would trigger upload and add a system message
-            console.log("File selected:", file.name);
+            // File selected for upload
         }
     };
     var baseClasses = "\n    flex flex-col border border-gray-200 rounded-lg overflow-hidden\n    ".concat(theme === "dark" ? "bg-gray-900 text-white border-gray-700" : "bg-white text-gray-900", "\n    ").concat(className, "\n  ");

package/dist/components/TrainlyStatus.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTrainly } from "../useTrainly";
 export function TrainlyStatus(_a) {

package/dist/components/TrainlyUpload.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {

package/dist/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 export interface TrainlyConfig {
     appSecret?: string;
     apiKey?: string;
+    appId?: string;
     baseUrl?: string;
     userId?: string;
     userEmail?: string;
@@ -9,6 +10,7 @@ export interface TrainlyProviderProps {
     children: React.ReactNode;
     appSecret?: string;
     apiKey?: string;
+    appId?: string;
     baseUrl?: string;
     userId?: string;
     userEmail?: string;
@@ -44,6 +46,7 @@ export interface TrainlyContextValue {
         citations: Citation[];
     }>;
     upload: (file: File) => Promise<UploadResult>;
+    connectWithOAuthToken: (idToken: string) => Promise<void>;
     isLoading: boolean;
     isConnected: boolean;
     error: TrainlyError | null;

package/dist/useTrainly.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@
  *
  *   const handleQuestion = async () => {
  *     const answer = await ask("What is photosynthesis?");
- *     console.log(answer);
+ *     // Handle the answer response
  *   };
  *
  *   return <button onClick={handleQuestion}>Ask AI</button>;

package/dist/useTrainly.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { useTrainlyContext } from "./TrainlyProvider";
  *
  *   const handleQuestion = async () => {
  *     const answer = await ask("What is photosynthesis?");
- *     console.log(answer);
+ *     // Handle the answer response
  *   };
  *
  *   return <button onClick={handleQuestion}>Ask AI</button>;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@trainly/react",
-  "version": "1.0.2",
-  "description": "Dead simple RAG integration for React apps",
+  "version": "1.1.0",
+  "description": "Dead simple RAG integration for React apps with OAuth authentication",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -18,6 +18,11 @@
     "documents",
     "react",
     "trainly",
+    "oauth",
+    "authentication",
+    "privacy",
+    "clerk",
+    "auth0",
     "retrieval-augmented-generation",
     "semantic-search",
     "document-chat"