onairos 2.0.7 → 2.0.9

package/src/components/connectors/YoutubeConnector.js

@@ -0,0 +1,172 @@
+import React, { Component } from 'react';
+
+class YoutubeConnector extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      connected: false,
+      open: false,
+      isConnecting: false,
+    };
+    this.handleClose = this.handleClose.bind(this);
+    this.handleOpen = this.handleOpen.bind(this);
+    this.youtubeConnect = this.youtubeConnect.bind(this);
+    this.setConnected = this.setConnected.bind(this);
+    this.setDisconnected = this.setDisconnected.bind(this);
+  }
+
+  setConnected() {
+    this.setState({ connected: true });
+    if (this.props.onConnectionChange) {
+      this.props.onConnectionChange('YouTube', true);
+    }
+    this.handleClose();
+  }
+
+  setDisconnected() {
+    // Call UpdateConnections API to remove connection
+    this.updateConnections('Remove', 'Youtube').then(() => {
+      this.setState({ connected: false });
+      if (this.props.onConnectionChange) {
+        this.props.onConnectionChange('YouTube', false);
+      }
+      this.handleClose();
+    }).catch((error) => {
+      console.error('Error removing YouTube connection:', error);
+    });
+  }
+
+  async updateConnections(updateType, newConnection) {
+    const jsonData = {
+      session: {
+        username: localStorage.getItem("username") || this.props.username
+      },
+      updateType,
+      newConnection
+    };
+
+    try {
+      const response = await fetch('https://api2.onairos.uk/connections/update', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(jsonData),
+      });
+      return await response.json();
+    } catch (error) {
+      console.error('UpdateConnections error:', error);
+      throw error;
+    }
+  }
+
+  handleOpen() {
+    this.setState({ open: true });
+  }
+
+  handleClose() {
+    this.setState({ open: false });
+    if (this.props.onClose) {
+      this.props.onClose();
+    }
+  }
+
+  async youtubeConnect() {
+    this.setState({ isConnecting: true });
+    
+    const jsonData = {
+      session: {
+        username: localStorage.getItem("username") || this.props.username
+      },
+    };
+
+    try {
+      const response = await fetch('https://api2.onairos.uk/youtube/authorize', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(jsonData),
+      });
+
+      const result = await response.json();
+      
+      if (result.youtubeURL) {
+        // Open OAuth URL in current window
+        window.location.href = result.youtubeURL;
+      } else {
+        console.error('No YouTube URL received');
+        this.setState({ isConnecting: false });
+      }
+    } catch (error) {
+      console.error('YouTube connection error:', error);
+      this.setState({ isConnecting: false });
+    }
+  }
+
+  render() {
+    const { open = this.props.open || this.state.open } = this.props;
+    
+    if (!open) return null;
+    
+    return (
+      <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+        <div className="bg-white rounded-lg shadow-xl max-w-md w-full mx-4 max-h-[90vh] overflow-hidden">
+          <div className="p-6">
+            <h2 className="text-xl font-bold text-gray-900 mb-4">
+              Grant Onairos Access to your YouTube Account?
+            </h2>
+            
+            <div className="space-y-4 text-gray-700">
+              <p>
+                Grant Permission to your YouTube Account, so we can build your Data Models.
+              </p>
+              
+              <div>
+                <p className="font-medium mb-2">We will access your YouTube:</p>
+                <ul className="list-disc ml-6 space-y-1">
+                  <li>Basic Account Info</li>
+                  <li>Liked and Watched Videos</li>
+                  <li>Subscribed Channels and Playlist Videos</li>
+                </ul>
+              </div>
+              
+              <p>
+                We will delete all the data used once your Model is Created
+              </p>
+              
+              <p className="text-sm">
+                <a href="https://onairos.uk/compliance-google-policy" className="text-blue-600 hover:underline">
+                  Onairos
+                </a>{' '}
+                complies with{' '}
+                <a href="https://policies.google.com/privacy" className="text-blue-600 hover:underline">
+                  Google API Services User Data Policy
+                </a>
+              </p>
+            </div>
+            
+            <div className="flex space-x-3 mt-6">
+              <button
+                onClick={this.handleClose}
+                disabled={this.state.isConnecting}
+                className="flex-1 px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 disabled:opacity-50"
+              >
+                Disagree
+              </button>
+              <button
+                onClick={this.youtubeConnect}
+                disabled={this.state.isConnecting}
+                className="flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50"
+              >
+                {this.state.isConnecting ? 'Connecting...' : 'Agree'}
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default YoutubeConnector; 

package/src/components/connectors/index.js

@@ -0,0 +1,21 @@
+/**
+ * OAuth Connectors Index
+ * Exports all available OAuth connector components
+ */
+
+export { default as YoutubeConnector } from './YoutubeConnector';
+export { default as LinkedInConnector } from './LinkedInConnector';
+export { default as InstagramConnector } from './InstagramConnector';
+export { default as PinterestConnector } from './PinterestConnector';
+export { default as RedditConnector } from './RedditConnector';
+export { default as GmailConnector } from './GmailConnector';
+
+// Platform configuration for easy reference
+export const SUPPORTED_PLATFORMS = [
+  { name: 'YouTube', connector: 'youtube', endpoint: '/youtube/authorize' },
+  { name: 'LinkedIn', connector: 'linkedin', endpoint: '/linkedin/authorize' },
+  { name: 'Instagram', connector: 'instagram', endpoint: '/instagram/authorize' },
+  { name: 'Pinterest', connector: 'pinterest', endpoint: '/pinterest/authorize' },
+  { name: 'Reddit', connector: 'reddit', endpoint: '/reddit/authorize' },
+  { name: 'Gmail', connector: 'gmail', endpoint: '/gmail/authorize' }
+]; 

package/src/components/utils/UpdateConnections.js

@@ -0,0 +1,43 @@
+/**
+ * UpdateConnections Utility
+ * Handles adding and removing user connections to/from the Onairos server
+ */
+
+/**
+ * Update user connections on the Onairos server
+ * @param {Object} options - Update options
+ * @param {string} options.updateType - 'Add' or 'Remove'
+ * @param {string} options.newConnection - The connection name to add/remove
+ * @param {string} options.username - Username (optional, will use localStorage if not provided)
+ * @returns {Promise} - Promise resolving with the server response
+ */
+export default async function UpdateConnections({ updateType, newConnection, username = null }) {
+  const jsonData = {
+    session: {
+      username: username || localStorage.getItem("username")
+    },
+    updateType,
+    newConnection
+  };
+
+  try {
+    const response = await fetch('https://api2.onairos.uk/connections/update', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(jsonData),
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const result = await response.json();
+    console.log(`UpdateConnections: ${updateType} ${newConnection}`, result);
+    return result;
+  } catch (error) {
+    console.error('UpdateConnections error:', error);
+    throw error;
+  }
+} 

package/src/iframe/DataRequestPage.jsx

@@ -157,7 +157,11 @@ const DataRequestPage = ({ requestData = {}, dataRequester = 'App', proofMode =
           <div className="animate-spin h-8 w-8 border-2 border-blue-600 rounded-full border-t-transparent"></div>
         </div>
       ) : activeModels.length === 0 ? (
-        <UniversalOnboarding appIcon="https://onairos.sirv.com/Images/OnairosBlack.png" appName={dataRequester}/>
+        <UniversalOnboarding 
+          appIcon="https://onairos.sirv.com/Images/OnairosBlack.png" 
+          appName={dataRequester}
+          username={localStorage.getItem("username")}
+        />
       ) : (
         <div className="max-w-md mx-auto p-6 space-y-4">
           <header className="bg-white p-6 rounded-xl shadow-md">

package/src/index.js

@@ -1,7 +1,6 @@
 // src/index.js
 
 import { Onairos } from "./onairos.jsx";
-import { OnairosClient } from "./sdk/OnairosClient.js";
 
 // Export the original Onairos component
 export { Onairos };
@@ -9,12 +8,4 @@ export { Onairos };
 // Export the new Onairos SDK
 export { OnairosClient };
 
-// Export SDK components for advanced usage
-export { LLMWrapper } from "./sdk/LLMWrapper.js";
-export { MemoryManager } from "./sdk/MemoryManager.js";
-export { SessionManager } from "./sdk/SessionManager.js";
-
-// Export utility functions
-export { extractMemory, hasMeaningfulMemory, cleanMemoryData } from "./utils/extractMemory.js";
-
 // You can also export additional functions or constants if needed

package/src/onairos.jsx

@@ -1,13 +1,6 @@
 import React from 'react';
 import { OnairosButton } from './onairosButton.jsx';
 
-// Import SDK components
-import { OnairosClient } from './sdk/OnairosClient.js';
-import { LLMWrapper } from './sdk/LLMWrapper.js';
-import { MemoryManager } from './sdk/MemoryManager.js';
-import { SessionManager } from './sdk/SessionManager.js';
-import { extractMemory } from './utils/extractMemory.js';
-
 // Configuration object for the Telegram SDK
 
 export function Onairos(props) {
@@ -19,13 +12,4 @@ export function Onairos(props) {
   );
 }
 
-// Export SDK components for direct usage
-export {
-  OnairosClient,
-  LLMWrapper,
-  MemoryManager,
-  SessionManager,
-  extractMemory
-};
-
 export default Onairos;

package/src/onairosButton.jsx

@@ -55,7 +55,7 @@ export function OnairosButton({
   const openTerminal = async () => {
     try {
       console.log('🔥 openTerminal called');
-      setShowOverlay(true);
+        setShowOverlay(true);
     } catch (error) {
       console.error('Error in openTerminal:', error);
     }
@@ -156,6 +156,7 @@ export function OnairosButton({
             onComplete={handleOnboardingComplete}
             appIcon={appIcon || "https://onairos.sirv.com/Images/OnairosBlack.png"}
             appName={webpageName}
+            username={userData?.email || userData?.username}
           />
         );
       

package/src/overlay/overlay.js

@@ -291,7 +291,7 @@ export default function Overlay({
           />
         );
       case 'onboarding':
-        return <UniversalOnboarding onComplete={handleOnboardingComplete} />;
+        return <UniversalOnboarding onComplete={handleOnboardingComplete} username={accountInfo?.username || formData.username} />;
       case 'security':
         return <SecuritySetup onComplete={handleSecurityComplete} />;
       case 'datarequests':

package/src/sdk/LLMWrapper.js

@@ -1,221 +0,0 @@
-import OpenAI from 'openai';
-import Anthropic from '@anthropic-ai/sdk';
-import { GoogleGenerativeAI } from '@google/generative-ai';
-
-/**
- * LLM Wrapper that provides unified interface for multiple LLM providers
- * Supports OpenAI, Anthropic Claude, and Google Gemini
- */
-export class LLMWrapper {
-  constructor({ openaiApiKey, anthropicApiKey, googleApiKey }) {
-    // Initialize OpenAI client
-    this.openai = openaiApiKey ? new OpenAI({ apiKey: openaiApiKey }) : null;
-    
-    // Initialize Anthropic client
-    this.anthropic = anthropicApiKey ? new Anthropic({ apiKey: anthropicApiKey }) : null;
-    
-    // Initialize Google Gemini client
-    this.google = googleApiKey ? new GoogleGenerativeAI(googleApiKey) : null;
-  }
-
-  /**
-   * Create a completion using the specified model
-   * @param {Object} params - Completion parameters
-   * @param {string} params.model - Model name
-   * @param {Array} params.messages - Messages array
-   * @param {Object} params.options - Additional options
-   * @returns {Promise<Object>} Standardized response
-   */
-  async createCompletion({ model, messages, options = {} }) {
-    const modelLower = model.toLowerCase();
-
-    // OpenAI models
-    if (modelLower.includes('gpt') || modelLower.includes('o1')) {
-      return this._createOpenAICompletion({ model, messages, options });
-    }
-    
-    // Anthropic models
-    if (modelLower.includes('claude')) {
-      return this._createAnthropicCompletion({ model, messages, options });
-    }
-    
-    // Google Gemini models
-    if (modelLower.includes('gemini')) {
-      return this._createGoogleCompletion({ model, messages, options });
-    }
-
-    throw new Error(`Unsupported model: ${model}`);
-  }
-
-  /**
-   * Create OpenAI completion
-   */
-  async _createOpenAICompletion({ model, messages, options }) {
-    if (!this.openai) {
-      throw new Error('OpenAI not configured. Please provide openaiApiKey.');
-    }
-
-    try {
-      const completion = await this.openai.chat.completions.create({
-        model,
-        messages,
-        temperature: options.temperature || 0.7,
-        max_tokens: options.max_tokens || 1000,
-        top_p: options.top_p || 1,
-        frequency_penalty: options.frequency_penalty || 0,
-        presence_penalty: options.presence_penalty || 0,
-        ...options
-      });
-
-      return {
-        id: completion.id,
-        content: completion.choices[0].message.content,
-        finish_reason: completion.choices[0].finish_reason,
-        usage: completion.usage
-      };
-    } catch (error) {
-      throw new Error(`OpenAI API error: ${error.message}`);
-    }
-  }
-
-  /**
-   * Create Anthropic completion
-   */
-  async _createAnthropicCompletion({ model, messages, options }) {
-    if (!this.anthropic) {
-      throw new Error('Anthropic not configured. Please provide anthropicApiKey.');
-    }
-
-    try {
-      // Convert messages format for Anthropic
-      const anthropicMessages = this._convertMessagesForAnthropic(messages);
-      
-      const completion = await this.anthropic.messages.create({
-        model,
-        messages: anthropicMessages.messages,
-        system: anthropicMessages.system,
-        max_tokens: options.max_tokens || 1000,
-        temperature: options.temperature || 0.7,
-        top_p: options.top_p || 1,
-        ...options
-      });
-
-      return {
-        id: completion.id,
-        content: completion.content[0].text,
-        finish_reason: completion.stop_reason,
-        usage: {
-          prompt_tokens: completion.usage.input_tokens,
-          completion_tokens: completion.usage.output_tokens,
-          total_tokens: completion.usage.input_tokens + completion.usage.output_tokens
-        }
-      };
-    } catch (error) {
-      throw new Error(`Anthropic API error: ${error.message}`);
-    }
-  }
-
-  /**
-   * Create Google Gemini completion
-   */
-  async _createGoogleCompletion({ model, messages, options }) {
-    if (!this.google) {
-      throw new Error('Google not configured. Please provide googleApiKey.');
-    }
-
-    try {
-      const geminiModel = this.google.getGenerativeModel({ model });
-      
-      // Convert messages to Gemini format
-      const geminiMessages = this._convertMessagesForGemini(messages);
-      
-      const result = await geminiModel.generateContent({
-        contents: geminiMessages,
-        generationConfig: {
-          temperature: options.temperature || 0.7,
-          maxOutputTokens: options.max_tokens || 1000,
-          topP: options.top_p || 1,
-          ...options
-        }
-      });
-
-      const response = await result.response;
-      
-      return {
-        id: `gemini-${Date.now()}`,
-        content: response.text(),
-        finish_reason: 'stop',
-        usage: {
-          prompt_tokens: 0, // Gemini doesn't provide token counts
-          completion_tokens: 0,
-          total_tokens: 0
-        }
-      };
-    } catch (error) {
-      throw new Error(`Google Gemini API error: ${error.message}`);
-    }
-  }
-
-  /**
-   * Convert messages format for Anthropic (separate system messages)
-   */
-  _convertMessagesForAnthropic(messages) {
-    const systemMessages = [];
-    const conversationMessages = [];
-
-    for (const message of messages) {
-      if (message.role === 'system') {
-        systemMessages.push(message.content);
-      } else {
-        conversationMessages.push({
-          role: message.role,
-          content: message.content
-        });
-      }
-    }
-
-    return {
-      system: systemMessages.join('\n'),
-      messages: conversationMessages
-    };
-  }
-
-  /**
-   * Convert messages format for Google Gemini
-   */
-  _convertMessagesForGemini(messages) {
-    return messages.map(message => ({
-      role: message.role === 'assistant' ? 'model' : 'user',
-      parts: [{ text: message.content }]
-    }));
-  }
-
-  /**
-   * Get available models for each provider
-   */
-  getAvailableModels() {
-    return {
-      openai: [
-        'gpt-4',
-        'gpt-4-turbo',
-        'gpt-4-turbo-preview',
-        'gpt-3.5-turbo',
-        'gpt-3.5-turbo-16k',
-        'o1-preview',
-        'o1-mini'
-      ],
-      anthropic: [
-        'claude-3-opus-20240229',
-        'claude-3-sonnet-20240229',
-        'claude-3-haiku-20240307',
-        'claude-3-5-sonnet-20241022'
-      ],
-      google: [
-        'gemini-pro',
-        'gemini-pro-vision',
-        'gemini-1.5-pro',
-        'gemini-1.5-flash'
-      ]
-    };
-  }
-}